去评论
dz插件网

分享干货了!!![网站优化]]如何优化网页加载速度?

xiao9469
2022/02/16 11:01:17
什么是网页速度(Page Speed)?



网页速度是衡量网页内容读取速度的一个指标。



「网页速度」通常与「网站速度」相混淆,网站速度实际上是网站页面浏览页面速度,网页速度可以用「网页读取时间」(在特定网页上完全显示内容所需的时间)或「第一个文字的时间来描述(从打开网页时浏览器从网络伺服器读取第一个文字讯息需要多长时间)。

不管你如何衡量,网页速度越快当然是越好的,许多人发现,更快的网站排名和转换率(确实浏览转换率)会更好。



SEO友好方式



Google已经表明网站的速度(亦同网页速度)是用于排名网页的计算方式之一,而研究表明,Google可能会专门测量第一个字节的时间,就像它考虑网页速度时一样,另外缓慢的网页速度意味着搜索引擎使用他们可分配的抓取资源来抓取较少的页面,这可能会对网站索引造成负面影响。



网页速度对用户体验也很重要,读取时间较长的网页往往跳出率会高于时间短的网页,较长的读取时间也被证明会对转换率造成负面影响。



以下是一些提高页面速度的方法:



使用压缩方式



使用文件压缩软件应用程序Gzip来减少大于150字节的CSS,HTML和JavaScript文件的大小。



不要在图像文件上使用gzip,相反的,在如Photoshop这样的软体中压缩这些图像,您可以保持对图像质量的控制,请参阅下面的「优化图像」



缩小CSS,JavaScript和HTML



通过优化您的程式码(包括删除空格,逗号和其他不必要的字符),可以显著提高您的页面速度。同时删除注释,样式和未使用的代码。Google建议您将YUI Compressor用于CSS和JavaScript。



减少网页重定向



每次网页重定向到另一个网页,访问者都需要额外的时间来等待HTTP请求- 反应程序执行完成时间,例如如果您的移动重定向模式如下所示:“examplecom - > wwwexamplecom - > mexamplecom - > mexample.com/home”,这两个额外的重定向中的每一个都会让您的网页读取变慢。



利用浏览器暂存



浏览器会暂存大量讯息(样式表、图像、JavaScript文件等等),以便当访问者回到您的网站时,浏览器不必重新读取整个页面,使用像YSlow这样的工具来查看是否已经为暂存设置了过期日期,然后设置你的「expires header」多长时间的信息被暂存,在很多情况下,除非您的网页设计部分频繁更改,否则一年是合理的时间段。



改善服务器反应时间



您的服务器反应时间会因为你的网站流量受到影响,每个网页使用的资源,服务器使用的软件以及您使用的代管方案的影响,为了改善服务器反应时间,必需知道问题在哪里,如资料库查询速度较慢,网页流量速度慢或缺少足够的记忆体并将对其进行改善,好的服务器反应时间应该低于200ms。



内容传递网路



内容传递网路(CDN)也称为内容分发网路,是用于分发内容传递负载的服务器网路,本质上,您的网站副本储存在多个不同地理位置的资料中心,以便用户可以更快,更可靠地访问您的网站。



优化图像



确保你的图像大小不会大于真的需要的大小,PNG与JPEG是在正确的文件格式(PNGs通常使用于色彩较少的图像,而JPEG通常使用在照片),他们因为便于浏览而必须被压缩容量。



使用CSS精灵为您在网站上频繁使用的图像(如按钮和图标)创建模板,CSS精灵会把你的图像合并成一个一次读取的大图像(相对的会有更少的HTTP请求),然后只显示你想要显示的部分,可以让用户不用等待读取一个又一个的图像。