如何提升网站响应速度

网站建设知识 phpacg 2年前 (2018-04-24) 105次浏览 0个评论

  据统计,在对一个网站停止访问的时分,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脚本应放到尽能够底部的中央,一个缘由是让页面逐渐渲染,另一个是完成更好的并行下载。

  由于阅读器对同一个域名的下载义务个数是有限的,假设把脚本放在前面,有能够出现阅读器不时下载脚本,而不会下载前面的内容。

  1.细致控制Cookie大小和污染

  由于Cookie是本地的磁盘文件,每次阅读器都市去读取相应的Cookie,所以建议去除不用要的Coockie,使Coockie体积尽量小以增加对用户照应的影响。当阅读器在央求中同时央求一张静态的图片和发送Coockie时,效劳器关于这些Coockie不会做任何地运用。由于它们只是由于某些负面要素而创立的网络传输。所以开发时应该确定关于静态内容的央求是无Coockie的央求,然后创立一个子域名并用它来寄存一切静态内容。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址