这不是一个技巧性的问题:您的网站足够快吗?页面加载时间可能会影响从用户停留在您网站上的时间(或他们看到的内容)到搜索排名和整体转化的所有方面。
对于台式机和移动设备,速度在两个方面都很重要,而移动速度比以往任何时候都更为重要。您的网站不仅必须快速加载;它需要到处快速加载。
你是怎么做到的?首先运行Google PageSpeed测试,以查看您的网站排名(您还将获得一些建议,以加快网站的速度)。然后,开始进行这些调整,以使您的网站今年快如闪电。
1.不要过于复杂
保持网站简练和可用的最佳方法之一就是使其简单。适用于网站设计的相同原则也适用于功能。
网站设计的一个陷阱可能是添加过多的效果和功能,从而大大缩短了加载时间。您是否需要在图像上制作一些精美的动画?您是否需要主页上的视频滑块?您需要三个插件来完成一些定制开发可以完成的工作吗?
所有这些事情可能会使您的网站变慢。去除不必要的元素和功能可能会对速度产生很大的影响,进而影响可用性。
如果您不确定从哪里开始,那么分析可以提供新鲜的数据来帮助您做出选择。从该滑块开始。有人点击吗?(或者有人点击过第一张幻灯片吗?)如果不是,那可能表明静态图像就可以了。在整个网站设计中寻找这些小提示,以简化并加快速度。
2.压缩
压缩网站文件以节省更多带宽并减少加载时间。网站压缩使用gzip格式(一种zip文件),浏览器随后可以解压缩并呈现该文件。
它节省了时间,因为小的zip文件在网络上传输的速度比同时小的许多zip文件要快。
来自gzip.org:“ gzip是单文件/流无损数据压缩实用程序,其中生成的压缩文件通常后缀.gz。gzip还指实用程序使用的相关压缩数据格式。”
通过向您的htaccess文件添加一些代码来启用Gzip。(您也可以抓住一个插件,但这不是必需的。)
3.考虑一个CDN(内容交付网络)
内容交付网络或CDN可以大大提高速度并节省带宽。
CDN跨服务器网络而不是单个位置托管文件。这样,当有人访问您的网站时,数据会从距离他们最近的服务器位置加载,从而减少服务器负载并保护您的网站免受流量激增或DDoS攻击。(这是双赢的。)
如果您一次获得大量流量(例如,在发送有关促销优惠的电子邮件之后),则CDN特别有用,因为它会分散流量。这样,每个人都将拥有相同,快捷的网站浏览体验。
4.清理数据库
您在同一个网站数据库中工作了多长时间?特别是如果您使用的是WordPress,随着时间的流逝,它会变得非常混乱。(想像它就像一个壁橱,在那里您只存储一天可能需要的东西。
清理干净。
整理数据库并删除不再使用的所有内容。这可以包括从图形资产和文件到插件和无关的JavaScript。
较小,较轻的数据库将更快地返回文件。(这也使备份更轻松,更轻松。)
5.最小化TTFB(时间到第一个字节)
为用户显示的内容越快,网站的加载就越快,对吗?好吧……有点。
到第一个字节的时间才是真正重要的。那是浏览器在从服务器获取第一字节数据之前必须等待的时间。(Google表示TTFB应该小于200毫秒。)
这是产生trick滴影响的事情之一。第一个字节到达浏览器呈现的速度越快,随后的数据可能加载得越快。可能会影响TTFB的因素超出了您的控制范围,例如用户端的网络连接不良,但是在理想情况下,初始数据应迅速到达并加载。
6.立即开始缓存
Google将缓存放在其建议列表的顶部:
“缓存允许浏览器在用户设备上存储一定时间的常用文件。启用缓存后,后续页面加载会更加高效。”
缓存将网站的组件存储在用户的缓存中,这样,当它们回来时,无需再次下载所有内容。因此,访问者第一次来到您的站点时,可能需要花费3秒钟的时间来加载,但是随后的访问可能不到一秒钟,因为所有这些数据已经与用户“存储”在一起。
虽然缓存对于新访问者而言并不能起到很多作用,但对于回头者(或浏览您网站多个页面的人)来说,这是一个了不起的速度节省工具。
7.优化图像
您正在为网络保存图像,对不对?
在2019年,令人难以置信的是,许多网站所有者仍在将全尺寸图片上传到其页面上。这是一个速度杀手。
上载图像之前,请将其裁剪为必要的形状和大小。尽可能压缩文件大小而不会影响视觉元素。以小文件格式保存– JPG始终比PNG保存的格式小,除非您需要后者透明,否则请使用前一种文件格式。
您可以使用Adobe Photoshop之类的软件来进行优化,也可以尝试使用Compressor之类的免费在线工具。
8.嵌入巨大的文件(例如视频)
大量文件会占用您网站的带宽。它们可能难以管理和压缩。
将这些文件从您的网站上删除,并使用媒体嵌入方式从外部托管平台获取此信息。
可以这样想:YouTube可以快速托管和交付视频内容。你做不到这个怪物。因此,充分利用它,将视频文件存储在YouTube(或Vimeo或您选择的其他视频平台)上,然后将内容嵌入到您的设计中。用户不会知道其中的区别……但是他们会注意到您的网站加载速度有多快。
9.注意JavaScript
您网站上发生的许多很酷的事情很可能是JavaScript的产品。它可能会变重。但这没关系,如果您注意如何处理JS查询和加载。
- 对JavaScript文件使用异步加载:由于文件是同时加载而不是从上到下加载的,因此可以加快页面的速度。异步加载的一个妙招是,如果一个文件被卡住或停止,它不会使其余文件陷入困境。这些脚本将继续加载并运行。
- 推迟加载某些JS文件:告诉某些JS文件(特别是不会影响即时功能的大文件),在所有其他元素完成之后加载。您可以在这里学习如何做。
- 优化和最小化:这很有意义–较小的文件将加载得更快。不要忘记缩小JS。
- 将JavaScript放在文件底部:其他元素和JS无法很好地加载在一起。通过让HTML内容在JavaScript之前加载来解决此问题。
10.消除不必要的重定向
您是否仍在重定向两个重新设计的页面?停下来。那会浪费加载时间。
尽管某些重定向是必不可少的,但应将其降至最低。
使用诸如“ 重定向映射器”之类的工具来找出您网站上哪些重定向处于活动状态,并消除您不知道在哪里重定向的重定向。展望未来,请考虑更新过时的页面,而不是添加内容相似的新页面。搜索优化要好得多,所有这些链接将继续起作用!
11.选择合适的主机
正确的托管帐户可以提高或破坏速度。如果您在此处尝试了许多其他修复程序,但仍然遇到速度问题,则可能是您的主机受到了指责。
有这么多种选择,要找到最适合自己资金的托管计划可能很困难。当谈到为提高速度而构建的主机时,请寻找专用的服务器选项。对于大多数网站所有者来说,首选选择是VPS托管,它提供了更快的加载时间,但是您不必自己管理托管。
不确定从哪里开始托管?这是为提高速度而构建的七个托管选项的细分。
12.最小化HTTP请求
每次用户访问您的网站时必须下载的页面元素数量极大地影响了加载时间。这包括从图像到样式表再到脚本的所有内容,而这些前端组件可以解决多达80%的加载时间。
最好的解决方案是使用组合文件来减少请求数量。这意味着将所有CSS放在一个样式表中,或在可能的情况下合并脚本。
一切都归结为轻量级代码和最佳实践。每个浏览器阅读的内容越多,加载时间就越长。
13.删除不必要的插件
没有什么比像这样的插件始终在运行的网站那样令网站沉重了。(您真的需要Google Analytics(分析)插件吗?)
尽可能消除插件冗余。不定期更新的Ditch插件,不适用于您当前版本的网站环境。
对于您可以手动执行的操作……请使用插件退出。他们只是在减慢您的网站速度。
14.启用延迟加载
如果滚动上方的元素加载比其他所有元素快一点呢?这是可以用于较重,更复杂的页面的“技巧”之一。
对于长时间滚动的页面,延迟加载可能是理想的选择。它从页面的顶部到底部加载内容,并且如果您的页面在滚动条下方有大量图像,则效果很好(即使它确实与此处概述的其他一些建议背道而驰。拥有选项很好,对吗?)
这本质上是一种奇特的缓存选项。
结论
您正在采取什么措施来确保您的网站在2020年实现快速发展?
遵循针对台式机和移动设备的最佳做法的速度影响远不只是用户看到您的网站的速度。它也会影响网站排名,搜索优化和转化率。(如果页面未加载,用户应该如何购买产品?)
将其作为开始清理代码和优化站点的重点,即使您每月仅执行这些操作之一,也将开始看到结果。祝好运!