网站速度优化

罗晓磊 · April 26, 2020

网站打开较慢有两方面因素:

  1. 网站自身原因,这部分原因可以通过页面优化以及相应设置予以改善。
  2. 网络运营商自身原因或网站服务器提供商的原因,在排除非自身网站问题后,通过运营商之间的对比,以及网站间对比去及时发现服务提供商的问题。

优化建议

1. 网络

连接网络:在页面打开过程中,连接请求次数越少,打开速度越快。网速速度诊断针对具体问题,提出建议,减少请求次数。

问题
> 某些页面仅有1个资源
建议
> 合并域名:将此资源合并到其他网页中.比如某个页面仅1张囝片
问题
> 页面存在重定向
建议
> 取消重定向:多一次重定向,意味者多请求一次
问题
> 某些页面存在多个JS
建议
> 合并JS:相同域名下的JS尽可能予以合并,减个请求次数
问题
> 页面安装的网站分析JS过多
建议
> 保留打开速度较快的统计代码
问题
> 某个页面存在多个CSS
建议
> 合并CSS:相同域名下的CSS尽可能予以合并,减小请求次数
问题
> 静态资源未设置客户端缓存
建议
> 缓存静态资源:变化很少的静态资源可以设置客户端缓存,减少请求
问题
> 存在多个完全相同的静态资源
建议
> 合并静态资源:合并完全相同的静态资源为同一个URL,减少网络连接次数
问题
> 存在错误链接
建议
> 去除错误链接:页面存在无祛打开的链接,会导致页面打开缓慢。
问题
> 页面中图片较多
建议
> 采用Css Sprite技术:釆用Css Sprite技木可以帮助减少请求次数,提 高页面打开速度。

2. 下载

下载页面:指在页面打开的过程中,浏览器需要向服务器请求发回网页,网站速度受到网页大小等的影响,发回的页面体积越小(即需传输的字节越少),网站速度越快 。网速速度诊断针对具体问题,提出建议,减少传输字节。

问题
> 未启用Gzip
建议
> 启用Gzip:— 种压缩技术:通过在网站服务器安装该功能.可以减少 传输字节.
问题
> 未压缩网页中的元素
建议
> 压缩元素:通过压缩技术,压缩元素的体积.减少传输字节。

3. 页面渲染

打开页面:指用户浏览器打开页面的过程,此过程的消耗时间受页面内容大小、设计等的影响。

问题
> CSS说明出现在<body> 之后
建议
> CSS位置调整:CSS说明出现在<body>之后,会导致页面莖新渲染,降低网站打开速度
问题
> JS不是放在页面最后
建议
> JS位置调整:将JS放在页面最后可以提高网站打开速度。
问题
> 图片大小末定义
建议
> 图片大小声明:如果图片大小不定义,页面需重新渲染,降低网站打开速度。
问题
> 字符集未定义
建议
> 字符集声明:如果<head>部分未定义字符集,将増加页面逭染次数,降低网站打开速度。

参考链接

Twitter, Facebook