这不是一个技巧问题:你的网站足够快吗?页面加载时间会影响用户在网站上停留的时间(或他们是否看到了内容)、搜索排名和整体转化率。
速度在桌面端和移动设备两个方面都很重要,移动速度比以往任何时候都更重要。不仅你的网站必须快速加载;它需要在哪里都能快速加载。
那你应该怎么做呢?首先运行Google PageSpeed测试,看看你的网站排名如何(你也会得到一些加快网站速度的建议)。然后,开始做这些调整,让你的网站在今年变得如此之快。
11. 嵌入大文件,如视频(Embed Huge Files ,Such as Video)
巨大的文件会占用你网站的带宽,并且它们很难管理和压缩。
将这些文件从你的网站上删除,并使用媒体嵌入的方式从外部托管平台获取这些信息。
可以这样想:YouTube是为快速托管和传递视频内容而生的。你不可能比这个专业的平台做得更好。因此,利用它的优势,将视频文件存储在YouTube(或其他你选择的专业视频平台)上,并将内容嵌入到你的设计中。用户不会知道其中的区别,但他们会注意到你的网站加载速度有多快。
12. 认真对待JS脚本(Take Care with JavaScript)
在你的网站上,大多数很酷的东西都是JavaScript的产物,但是一不小心它们可能会变得很“笨重”。如果你注意如何处理JS查询和加载,就不会出现什么问题。
· 对JavaScript文件使用异步加载:这可以加快页面速度,因为文件是同时加载的,而不是从上到下。异步加载的巧妙之处在于,如果一个文件卡住或停止,它不会影响其他文件,这些脚本将继续加载并运行。
· 延迟一些JS文件的加载:告诉一些JS文件,尤其是不影响直接功能的大文件,在所有其他元素完成后加载。
· 优化和缩小:这很有意义,更小的文件加载得更快,别忘了缩小JS。
· 将JavaScript放在文件的底部:其他元素和JS不能很好地加载在一起。通过让HTML内容先于JavaScript加载来解决这个问题。
13. 消除不必要的重定向(Eliminate Unnecessary Redirects)
你还在使用多次的重定向吗?停止吧,这将拖延加载的时间。
虽然有些重定向是不可避免的,但要尽量减少。
使用像重定向映射器这样的工具来找出哪些重定向在你的网站上是活跃的,并消除那些你不知道的。接下来,考虑更新过时的页面,而不是添加具有类似内容的新页面。这对搜索优化有很大的好处,所有这些链接都将继续工作!
14. 选择合适的主机(Pick the Right Hosting)
正确的托管可以决定速度。如果你已经尝试了许多其他修复程序,但仍然有速度问题,可能是你的主机造成的。
有这么多的选择,对于预算来说很难找到最适合你的托管计划。当涉及到为速度而构建的托管时,寻找专用服务器。大多数网站所有者的首选是VPS托管,它提供了更快的加载时间,但你不必自己管理托管。
15. 精简HTTP请求(Minimize HTTP Requests)
每次用户访问你的网站时必须下载的页面元素的数量极大地影响了加载时间。这包括从图像到样式表再到脚本的所有内容,这些前端组件可以占用多达80%的加载时间。
最好的解决方案是使用组合文件来减少请求的数量。这意味着将所有CSS放在一个样式表中,或者在可能的情况下合并脚本文件。
这一切都归结于轻量级代码和最佳实践。每个浏览器读取的内容越多,加载所需的时间就越长。
16. 去掉不必要的插件(Strip Out Unnecessary Plugins)
没有什么比一堆一直在运行的插件更让一个网站不堪重负的了。
尽可能去除插件冗余。不要使用那些不定期更新的插件,也不要使用那些不适合当前网站环境的插件。
对于那些你可以手动完成的事情,不要再使用插件了,它们只会减慢你的网站速度。
17. 启用延迟加载(Enable Lazy Loading)
如果滚动条所在的当前的元素加载速度比其他元素快一点呢?这是一种“技巧”,可以用于更多内容、更复杂的页面。
对于长时间滚动的页面来说,延迟加载非常理想。它从页面的顶部到底部加载内容,如果你的页面在滚动的过程中有大量的图像,它会非常有效(即使它与这里列出的其他一些建议相悖)。
这实际上是一种奇特的缓存选项。
总结
你在做什么来确保你的网站在速度上保持领先呢?
遵循桌面端和移动端速度的最佳实践不仅影响用户查看网站的速度,它还影响网站排名、搜索优化和转化率(如果页面未加载完,用户应该如何购买产品或发起咨询)?
一定要开始清理代码和优化网站,即使你每个月只做一件事,你也会开始看到结果。祝你好运!
----图文来自:design shack