欢迎访问宏点网络,兰州宏点信息技术有限责任公司是甘肃省知名网络公司,品牌兰州网络公司 - 主要从事网站建设、网站维护及全景漫游等业务

宏点网络是从业 16 年 成功完成 1365 个网站建设项目的 网站建设专家
首页 > 行业 > 行业动态

行业动态抓住行业脉搏,体察行业精髓,展望行业未来

如何提升网站响应速度

2017年9月20日() | 打印内容 打印内容

据统计,在对一个网站进行访问的时候,10%~20%是从服务器端获取HTML文档上(后端优化内容),80%~90%是下载页面中的所有组件上(前端优化内容),由此可见Web前端优化的重要性。前端优化的主要方法如下:

1.减少http请求次数

毫无疑问,Http请求次数的减少会提升网页的加载速度,通常采用的减少Http请求次数的方法是优化图片和合并脚本和样式表。图片的优化有三个具体方案:图片地图、CSS Sprites、内联图片三种,最值得关注的是CSS Sprites。它能把所有的背景图片整合到一个图片文件中,然后利用CSS的background-image和background-position属性来显示图片的不同部分。通过这种方式,原先需要加载很多次的图片,有时候只需要加载一次就可以。

1.利用JSON格式来进行数据互换

JSON是一种轻量级的数据互换格式,采用完全独立于言语的文本格式,是目前企业里面用的比较多的数据互换格式。同时,JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不用要任何特别的API或工具包。

1.避免重定向

重定向会延缓新网页的打开速度。从一个旧网站跳转到新网站也是经常要用到重定向,还有就是连接一个网站中的不同部分和在某些情况下。虽然使用重定向很简单,只需要增加一点额外的代码,但缺降低了用户的体验,变通的做法是用Alias和mod_rewrite如果两个部分是在同一主机上的话,如果是由域名变更引起的重定向,变通的做法是通过Alias或mod_rewrite创建一个CNAME(一个DNS记录,创建一个别名,从一个域名指向另一个域名)。

1.CSS和Javascript

CSS和Javascript最好使用外部调用文件的方式,因为这种形式下文件是可以被缓存的,如果是内嵌在页面中他们就无法被缓存了,这样如果用户要在网站看很多很多的页面,如果都是使用同一个外部脚本和样式,那么一旦这些文件被缓存,就再也不需要下载了,这样会带来很大的潜在好处。另外最好把css放到文档头部,这样会让网页加载得更快。因为这样可以让页面逐渐加载。把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。即在样式表加载之前页面内容是以没有样式的形式显示出来的,待加载完样式后,页面需要重绘,内容一闪即改变了样式表现,这样的效果给人感觉很差。Javascript脚本应放到尽可能底部的地方,一个原因是让页面逐渐渲染,另一个是实现更好的并行下载。

12

上篇:

下篇:

来源(互联网) 作者(佚名) 阅读()

相关内容
    400-6808-205

    24小时全国统一客服专线

    在线接待 在线支付
    • 请扫描微信服务号二维码
    • 请扫描在线QQ号二维码
    网罗客品牌是宏点网络面向客户的内容服务平台:资讯门户 / 电子期刊 / 新浪微博 / 腾讯微博

    甘公网安备 62010002000245号 | 陇ICP备15001403号