返回  

2023年加快网站速度的17个技巧(上篇)

2023/1/4 13:38:51 来源:深圳网站设计南隼互动

这不是一个技巧问题:你的网站足够快吗?页面加载时间会影响用户在网站上停留的时间(或他们是否看到了内容)、搜索排名和整体转化率。


速度在桌面端和移动设备两个方面都很重要,移动速度比以往任何时候都更重要。不仅你的网站必须快速加载;它需要在哪里都能快速加载。

那你应该怎么做呢?首先运行Google PageSpeed测试,看看你的网站排名如何(你也会得到一些加快网站速度的建议)。然后,开始做这些调整,让你的网站在今年变得如此之快。


1. 进行常规速度测试(Conduct Regular Speed Tests)

Conduct Regular Speed Tests

速度测试不仅仅是一个开始,这应该是你进行定期站点维护的一部分。

速度可能会随着时间的推移而变化,这取决于你通过网站添加或更改的内容、技术的退化,甚至是过时的主题或工具。这就是为什么定期测试并根据需要进行调整非常重要。

这里的好处在于,你可以保持网站快速运行,搜索引擎也有好处(在创造卓越的用户体验方面,速度至关重要)。


2. 优化内容以提高速度(Optimize Content for Speed)

你组织内容的方式对于提高网站速度和可读性起到至关重要的作用。

这对博客作者或拥有比较丰富的内容的网站尤其有用。

首先尝试以下操作:

· 使用摘录或阅读更多标签(WordPress),以便博客提要包含带有全文链接的简短文章片段。

· 将长文章或帖子拆分为多页(第1部分、第2部分等)

· 从页面内容中删除注释,使其位于自己的位置。

· 使用链接来分解图片库、可下载文件等内容,这样在一个页面上就不会有多个沉重的元素。


3. 不使用热链接(Don’t Hotlink)

你正在使用热链接吗?是时候停下来了。

热链接,或将图像源从一个网站复制到另一个网站,简直就是速度杀手。这不仅不利于速度,而且在许多情况下都是不道德的,可能伴随着法律或版权方面的隐患,所以不要这样做。

你希望从主机和服务器加载图像,当然你也可以采取额外的措施,防止他人对你的图像进行热链接,这会导致速度下降。

· 使用CDN

· 禁用右键单击图像

· 修改htaccess文件以禁用热链接


4. 不要过于复杂(Don’t Overcomplicate Things)

Don’t Overcomplicate Things

保持网站整洁和可用的最好方法之一是保持简单。同样适用于网站设计的原则也适用于功能。

网站设计的一个陷阱是添加了太多的效果和功能,这会极大地阻碍下载时间。你需要在图像上制作一些花哨的动画吗?你需要在主页上使用视频滑块吗?你需要三个插件来做一些定制开发可以做的事情吗?

所有这些都会使你的网站变慢。去掉不必要的元素和特性会对速度和可用性产生巨大影响。

如果你不确定从哪里开始,分析可以提供新的数据来帮助你做出选择。有人点击它吗(或者是否有人点击第一张幻灯片)?如果没有,这可能表明静态图像可能就刚刚好。在整个网站设计中寻找这些小线索,以简化和加快设计。


5. 压缩(Compress It)

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)

Clean Up Your Database

你的网站数据库工作多久了?特别是如果你正在使用WordPress,随着时间的推移,它可能会变得非常混乱。

把它清理干净。

清除数据库并删除任何不再使用的内容。这可以包括任何东西,从图形资产和文件到插件和无关的JavaScript。

更小、更轻的数据库将更快地返回数据和文件(它还使备份更轻、更易于管理)。


8. 最小化TTFB(Minimize TTFB)

用户的内容显示得越快,网站加载速度就越快,对吗?嗯…有点。

第一个字节的时间很重要。这是浏览器在从服务器获取第一字节数据之前必须等待的时间(谷歌表示TTFB应该小于200毫秒)。

这是一种有涓滴影响的东西。第一个字节到达浏览器渲染的速度越快,后续数据加载的速度就越快。一些因素可能会影响TTFB,而这些因素超出了你的控制范围,例如用户端的网络连接不良,但在理想情况下,初始数据应该很快到达并加载。


9. 立即开始缓存(Start Caching Now)

Start Caching Now

缓存将网站的组件存储在用户的缓存中,这样当它们返回时,一切都不必再次重新加载。因此,当访问者第一次来到你的网站时,加载可能需要3秒钟,但随后的访问可能会减少到不到一秒钟,因为所有数据都已“存储”在用户本地缓存中。

虽然缓存对新访问者没有太大作用,但对于返回的访问者(或浏览网站多个页面的人)来说,它是一个惊人的速度节省程序。


10. 优化图像(Optimize Images)

Optimize Images

很难相信,许多网站所有者仍在将全尺寸图像上传到他们的页面上,这是一个速度杀手。

在上传图像之前,将图像裁剪为必要的形状和大小。在不影响视觉元素的情况下尽可能压缩文件大小。以小文件格式保存(JPG始终比PNG小),除非你需要后者的透明度,否则使用前者的文件格式。

你可以通过在Adobe Photoshop等软件中优化自己的图像,或者尝试免费的在线工具(如Compressor)来完成所有这些。


未完待续...


总结

你在做什么来确保你的网站在速度上保持领先呢?

遵循桌面端和移动端速度的最佳实践不仅影响用户查看网站的速度,它还影响网站排名、搜索优化和转化率(如果页面未加载完,用户应该如何购买产品或发起咨询)?

一定要开始清理代码和优化网站,即使你每个月只做一件事,你也会开始看到结果。祝你好运!









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务