网站速度优化这个话题说一万遍也不过分,为什么,因为速度优化真的是太重要了,无论从SEO优化的角度,还是用户体验的角度来说,速度优化跟不上去都是非常致命的。
一、减少Http请求
减Http的请求首先要知道网站的Http请求有多少个。使用Chrome的用户可以通过浏览器中的 Developer工具查看网站的Http请求有多少个。右击想要分析的网页,然后点击“Inspect”。之后在点击“Network”标签(如果没有“Network”选项卡,则需要打开Developer工具的左侧栏进行操作)。在“Name”这一栏里就能看到所有页面上的文件,“size”这一栏则显示了每个文件的大小。“Time”则表示加载每个文件所需要的时间。在左下角,就可以看到该网站提出的总请求量。 查看这些文件有没有不需要的,减少这些请求量,提高网站的速度。
二、缩减或整合文件
我们建议是从HTML、CSS还有JavaScript文件开始。这些文件决定了网站的外观。尤其是对于那些使用模板创建的网站,因为模板建站很方便,但是它也可能顺带了很多混乱的代码,而这些东西则很有可能影响网站的速度。
所以缩减和删除不必要的代码、空格、换行符以及合并多个CSS、JavaScript文件等。确保网站尽可能的精简。
如果网站是在WordPress上运行的,则可以通过一些插件如WP Rocket进行删减合并。如下图:点击“Static Files”这个选项卡,然后点击想要缩减或合并的文件进行操作。可以选择HTML、 CSS,、和JavaScript文件还有谷歌字体等。
三、异步加载CSS和JavaScript文件
精简过的CSS和JavaScript可以对其在网页上的运行方式进行优化。CSS 和JavaScript文件可以用两种不同的方式加载:同步或异步。异步加载文件可以加快页面速度,因为当浏览器加载页面时,它会从上到下移动。在WP Rocket中的“Static Files”选项卡检查“Render-blocking CSS/JS.”旁边的选项。点击 “Save Changes”然后对于网站的速度进行检测。
四、推迟JavaScript加载
推迟文件加载的意思就是在加载其他文件的时候组织此文件的加载。WordPress的站点都可以使用WP Rocket这个插件进行操作。点击“Load JS files deferred,”旁边的一栏就可以了。
五、缩短第一字节加载时间
除了考虑到整个页面加载的时间之外,还要考虑到最开始加载的时间。也就是在浏览器从服务器获取第一个数据字节之前需要等待的时间。谷歌建议段时间要小于200毫秒。
当有用户访问网站的时候,浏览器会向服务器发送HTTP请求。在这个过程中需要三个步骤:
1. DNS lookup
2. Server processing
3. Response
而使用Chrome的Developer工具(或其他工具)则可以查看这个过程所需要持续的时间。但是这个过程需要考虑到网速问题,网速越慢这个过程就越慢。如下图:点击“Network”选项卡,然后键鼠标停在“Waterfall”
一栏。当然除了Developer这个工具之外,还有很多其他的免费工具可以使用,如WebPageTest,它可以从数据中心测试网站。
六、缩短服务器响应时间
影响到页面加载速度的一个最为重要的原因就是DNS查找的所花费的时间。这个过程的时间取决于DNS
提供商的速度。如果速度不行,建议换一家提供商。
七、主机的选择
大多数新的网站会选择便宜的托管,这在网站最开始的时候是可以的,但是后续网站流量多了就行不通了。
一般分为共享主机、VPS主机和独立主机。如果需要大量的空间则建议使用独立主机。如果流量使得网站加载速度过慢,则可以考虑从共享主机换成VPS主机,或者是独立的专用服务器。
八、运行压缩审核
如前文所说,在不损害质量的前提下,文件越小,加载的速度就越快。带有大量图片的网站体积往往会庞大并且下载速度慢。所以,可以通过压缩来加快下载时间。在GIDNetwork这个工具中,可以对文件进行压缩审核。
九、启动压缩
文件越小,页面加载的速度也就越快。一般人们会使用Gzip进行文件压缩。Gzip是一种文件格式,也是一款应用程序,适用于CSS和HTML文件,因为这些文件通常带有重复的代码和空格。大多数Web服务器在发送文件之前可以进行Gzip压缩,这样做可以缩短70%的下载时间。如果不确定网站有没有使用Gzip则可以到官网查看,输入URL就可以执行操作。
十、启用浏览器缓存
用户在访问网页的时候,页面上的内容会被暂时存储在硬盘驱动器上,这意味着下一次访问,浏览器无需向服务器发送另外一个HTTP请求,直接加载网页。当用户第一次访问网站的时候,会下载很多文件,THML文档、样式表、JavaScript以及图像等内容才可能看到页面。
来源:世界工厂网 企业线上生态学院编辑整理
网友评论