网站上的很多因素都会影响到网站的加载速度,因此在解决网站加速慢这个问题上,也要针对性地找出不同解决办法。
雅虎曾经表示,80%的网页加载时间都是用于下载网页上的内容,如图像、脚本和样式表等等。页面上的东西越多,网页加载的时间就越长。
1.减少Http请求
减Http的请求首先要知道网站的Http请求有多少个。使用Chrome的用户可以通过浏览器中的 Developer工具查看网站的Http请求有多少个。
右击想要分析的网页,然后点击“Inspect”。之后在点击“Network”标签(如果没有“Network”选项卡,则需要打开Developer工具的左侧栏进行操作)
在“Name”这一栏里就能看到所有页面上的文件,“size”这一栏则显示了每个文件的大小。“Time”则表示加载每个文件所需要的时间。在左下角,就可以看到该网站提出的总请求量。查看这些文件有没有不需要的,减少这些请求量,提高网站的速度。
2.缩减或整合文件
我们建议是从HTML、CSS还有JavaScript文件开始。这些文件决定了网站的外观。尤其是对于那些使用模板创建的网站,因为模板建站很方便,但是它也可能顺带了很多混乱的代码,而这些东西则很有可能影响网站的速度。
所以缩减和删除不必要的代码、空格、换行符以及合并多个CSS、JavaScript文件等。确保网站尽可能的精简。
如果网站是在WordPress上运行的,则可以通过一些插件如WP Rocket进行删减合并。如下图:点击“Static Files”这个选项卡,然后点击想要缩减或合并的文件进行操作。
可以选择HTML、 CSS,、和JavaScript文件还有谷歌字体等。
3.异步加载CSS和JavaScript文件
精简过的CSS和JavaScript可以对其在网页上的运行方式进行优化。CSS 和JavaScript文件可以用两种不同的方式加载:同步或异步。
异步加载文件可以加快页面速度,因为当浏览器加载页面时,它会从上到下移动。
在WP Rocket中的“Static Files”选项卡检查“Render-blocking CSS/JS.”旁边的选项。
点击 “Save Changes”然后对于网站的速度进行检测。
4. 推迟JavaScript加载
推迟文件加载的意思就是在加载其他文件的时候组织此文件的加载。WordPress的站点都可以使用WP Rocket这个插件进行操作。点击“Load JS files deferred,”旁边的一栏就可以了。
5. 缩短 第一字节加载时间
除了考虑到整个页面加载的时间之外,还要考虑到最开始加载的时间。也就是在浏览器从服务器获取第一个数据字节之前需要等待的时间。谷歌建议段时间要小于200毫秒。
当有用户访问网站的时候,浏览器会向服务器发送HTTP请求。在这个过程中需要三个步骤:
1. DNS lookup
2. Server processing
3. Response
而使用Chrome的Developer工具(或其他工具)则可以查看这个过程所需要持续的时间。但是这个过程需要考虑到网速问题,网速越慢这个过程就越慢。如下图:点击“Network”选项卡,然后键鼠标停在“Waterfall”一栏。
当然除了Developer这个工具之外,还有很多其他的免费工具可以使用,如WebPageTest,它可以从数据中心测试网站。
如果TTFB低于200毫秒,表示网站速度良好。通常TTFB比较慢都是由下图四个原因造成的。
在上图这四个因素当中,人为可以控制的有Content Creation(内容创作)和Server configuration两个。
6.缩短服务器响应时间
影响到页面加载速度的一个最为重要的原因就是DNS查找的所花费的时间。这个过程的时间取决于DNS
提供商的速度。如果速度不行,建议换一家提供商。
可以在网站找到这些数据,然后进行对比。
切换更快的DNS,可以加快查找过程。
7. 主机的选择
大多数新的网站会选择便宜的托管,这在网站最开始的时候是可以的,但是后续网站流量多了就行不通了。
一般分为共享主机、VPS主机和独立主机。
如果需要大量的空间则建议使用独立主机。
如果流量使得网站加载速度过慢,则可以考虑从共享主机换成VPS主机,或者是独立的专用服务器。
8. 运行压缩审核
如前文所说,在不损害质量的前提下,文件越小,加载的速度就越快。
带有大量图片的网站体积往往会庞大并且下载速度慢。
所以,可以通过压缩来加快下载时间。在GIDNetwork这个工具中,可以对文件进行压缩审核。输入URL然后点击“check”如果网页没有被压缩,就会看到下图这个界面:
可以压缩HTML,CSS,JavaScript,纯文本和XML文件等格式。
9. 启动压缩
文件越小,页面加载的速度也就越快。一般人们会使用Gzip进行文件压缩。
Gzip是一种文件格式,也是一款应用程序,适用于CSS和HTML文件,因为这些文件通常带有重复的代码和空格。大多数Web服务器在发送文件之前可以进行Gzip压缩,雅虎声称,这样做可以缩短70%的下载时间。
如果不确定网站有没有使用Gzip则可以到官网查看,输入URL就可以执行操作。
10. 启用浏览器缓存
用户在访问网页的时候,页面上的内容会被暂时存储在硬盘驱动器上,这意味着下一次访问,浏览器无需向服务器发送另外一个HTTP请求,直接加载网页。
当用户第一次访问网站的时候,会下载很多文件,THML文档、样式表、JavaScript以及图像等内容才可能看到页面。使用浏览器缓存可以减少再次访问者的时间,以提高用户体验度。
设置缓存的方式取决于网站是用WordPress还是静态HTML。
如果是使用WordPress则建议W3 Total Cache这个插件。
安装好后,可以在:“General Setting”(常规设置)下的“Page Cache”(页面缓存)中选中“Enable”(启用)。
这一步可以使用户在再一次返回到网站的时候能够加载的更快。
如果用的是VPS或者是独立主机,还可以启用对象缓存加速网站上的动态元素。这一功能也在“General Setting”(常规设置)中。
想了解更多:谷歌SEO、谷歌优化、外贸快车、小语种网站、谷歌ADS、Youtube视频、外贸牛、全球贸易通、扬州谷歌优化、杭州谷歌优化、上海谷歌优化、南京谷歌优化、苏州谷歌优化、无锡谷歌优化、徐州谷歌优化、连云港谷歌优化、盐城谷歌优化、镇江谷歌优化、常州谷歌优化、南通谷歌优化、淮安谷歌优化、请添加:
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。