这不是一个技巧问题:你的网站足够快吗?页面加载时间会影响用户在网站上停留的时间(或他们是否看到了内容)、搜索排名和整体转化率。
速度在桌面端和移动设备两个方面都很重要,移动速度比以往任何时候都更重要。不仅你的网站必须快速加载;它需要在哪里都能快速加载。
那你应该怎么做呢?首先运行Google PageSpeed测试,看看你的网站排名如何(你也会得到一些加快网站速度的建议)。然后,开始做这些调整,让你的网站在今年变得如此之快。
1. 进行常规速度测试(Conduct Regular Speed Tests)
速度测试不仅仅是一个开始,这应该是你进行定期站点维护的一部分。
速度可能会随着时间的推移而变化,这取决于你通过网站添加或更改的内容、技术的退化,甚至是过时的主题或工具。这就是为什么定期测试并根据需要进行调整非常重要。
这里的好处在于,你可以保持网站快速运行,搜索引擎也有好处(在创造卓越的用户体验方面,速度至关重要)。
2. 优化内容以提高速度(Optimize Content for Speed)
你组织内容的方式对于提高网站速度和可读性起到至关重要的作用。
这对博客作者或拥有比较丰富的内容的网站尤其有用。
首先尝试以下操作:
· 使用摘录或阅读更多标签(WordPress),以便博客提要包含带有全文链接的简短文章片段。
· 将长文章或帖子拆分为多页(第1部分、第2部分等)
· 从页面内容中删除注释,使其位于自己的位置。
· 使用链接来分解图片库、可下载文件等内容,这样在一个页面上就不会有多个沉重的元素。
3. 不使用热链接(Don’t Hotlink)
你正在使用热链接吗?是时候停下来了。
热链接,或将图像源从一个网站复制到另一个网站,简直就是速度杀手。这不仅不利于速度,而且在许多情况下都是不道德的,可能伴随着法律或版权方面的隐患,所以不要这样做。
你希望从主机和服务器加载图像,当然你也可以采取额外的措施,防止他人对你的图像进行热链接,这会导致速度下降。
· 使用CDN
· 禁用右键单击图像
· 修改htaccess文件以禁用热链接
4. 不要过于复杂(Don’t Overcomplicate Things)
保持网站整洁和可用的最好方法之一是保持简单。同样适用于网站设计的原则也适用于功能。
网站设计的一个陷阱是添加了太多的效果和功能,这会极大地阻碍下载时间。你需要在图像上制作一些花哨的动画吗?你需要在主页上使用视频滑块吗?你需要三个插件来做一些定制开发可以做的事情吗?
所有这些都会使你的网站变慢。去掉不必要的元素和特性会对速度和可用性产生巨大影响。
如果你不确定从哪里开始,分析可以提供新的数据来帮助你做出选择。有人点击它吗(或者是否有人点击第一张幻灯片)?如果没有,这可能表明静态图像可能就刚刚好。在整个网站设计中寻找这些小线索,以简化和加快设计。
5. 压缩(Compress It)
压缩网站文件以节省更多带宽并减少加载时间。网站压缩使用gzip格式,这是一个zip文件,浏览器可以进行解压并呈现。
这节省了时间,因为小zip文件在网络上的传输速度比同时传输许多小文件更快。
来自gzip.org:“gzip是一个单文件/流无损数据压缩实用程序,其中生成的压缩文件通常具有后缀.gz。gzip也指该实用程序使用的相关压缩数据格式。”
Gzip是通过在htaccess文件中添加一些代码来实现的。
6. 考虑使用CDN(Consider a CDN)
内容交付网络(CDN)可以显著提高速度并节省带宽。
CDN通过服务器网络而不是单个位置托管文件。这样,当有人访问你的网站时,数据将从离他们最近的服务器位置加载,从而减少服务器负载,并保护你的网站免受流量激增或DDoS攻击。
如果你一次获得大量流量,CDN尤其有用——比如在发送关于促销活动的电子邮件后——因为它会分流流量。这样,每个人都有同样快速的网站浏览体验。
7. 清理数据库(Clean Up Your Database)
你的网站数据库工作多久了?特别是如果你正在使用WordPress,随着时间的推移,它可能会变得非常混乱。
把它清理干净。
清除数据库并删除任何不再使用的内容。这可以包括任何东西,从图形资产和文件到插件和无关的JavaScript。
更小、更轻的数据库将更快地返回数据和文件(它还使备份更轻、更易于管理)。
8. 最小化TTFB(Minimize TTFB)
用户的内容显示得越快,网站加载速度就越快,对吗?嗯…有点。
第一个字节的时间很重要。这是浏览器在从服务器获取第一字节数据之前必须等待的时间(谷歌表示TTFB应该小于200毫秒)。
这是一种有涓滴影响的东西。第一个字节到达浏览器渲染的速度越快,后续数据加载的速度就越快。一些因素可能会影响TTFB,而这些因素超出了你的控制范围,例如用户端的网络连接不良,但在理想情况下,初始数据应该很快到达并加载。
9. 立即开始缓存(Start Caching Now)
缓存将网站的组件存储在用户的缓存中,这样当它们返回时,一切都不必再次重新加载。因此,当访问者第一次来到你的网站时,加载可能需要3秒钟,但随后的访问可能会减少到不到一秒钟,因为所有数据都已“存储”在用户本地缓存中。
虽然缓存对新访问者没有太大作用,但对于返回的访问者(或浏览网站多个页面的人)来说,它是一个惊人的速度节省程序。
10. 优化图像(Optimize Images)
很难相信,许多网站所有者仍在将全尺寸图像上传到他们的页面上,这是一个速度杀手。
在上传图像之前,将图像裁剪为必要的形状和大小。在不影响视觉元素的情况下尽可能压缩文件大小。以小文件格式保存(JPG始终比PNG小),除非你需要后者的透明度,否则使用前者的文件格式。
你可以通过在Adobe Photoshop等软件中优化自己的图像,或者尝试免费的在线工具(如Compressor)来完成所有这些。
未完待续...
总结
你在做什么来确保你的网站在速度上保持领先呢?
遵循桌面端和移动端速度的最佳实践不仅影响用户查看网站的速度,它还影响网站排名、搜索优化和转化率(如果页面未加载完,用户应该如何购买产品或发起咨询)?
一定要开始清理代码和优化网站,即使你每个月只做一件事,你也会开始看到结果。祝你好运!
----图文来自:design shack