网站建设之加速网站从哪些方面入手?如何优化网站打开速度

2019-02-11 小惟 10

你的网站足够快吗?网页加载时间可能会影响用户在您的网站上停留多长时间(或者如果他们看到内容),搜索排名和整体转化次数。

速度在两个方面都很重要 – 对于台式机和移动设备 – 移动速度比以往更加重要。您的网站不仅需要快速加载; 它需要在任何地方快速加载。

你是怎么做到的?首先运行Google PageSpeed测试,看看您的网站在哪里排名(您还会获得一些关于加快网站速度的建议)。然后,开始进行这些调整,以使您的网站今年闪电般快速。

1.立即开始缓存

让我们从专家的提示开始。Google将缓存置于其建议列表的首位:

“缓存允许浏览器在设定的时间段内将频繁请求的文件存储在用户的设备上。启用缓存后,后续页面加载可以更有效。“

缓存将您网站的组件存储在用户的缓存中,这样当它们返回时,不必再次下载所有内容。因此,访问者第一次访问您的网站时,可能需要3秒才能加载,但后续访问可能会缩短到不到一秒,因为所有这些数据已经与用户“存储”。

虽然缓存对新访问者来说并不是很有用,但对于回访者(或浏览网站多个页面的人)来说,这是一个惊人的速度节省。

2.优化图像

你正在保存网络图像,对吗?

在2019年,很难相信许多网站所有者仍在将完整尺寸的图片上传到他们的网页。这是速度杀手。

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

您可以在Adobe Photoshop等软件中自行优化所有这些,或者尝试免费的在线工具,如Compressor。

3.嵌入巨大的文件(如视频)

厦门网站建设

厦门网站建设

youku可以快速托管和提供视频内容。

巨大的文件可以从您的网站中吸取带宽。它们很难管理和压缩。

从您的网站上获取这些文件并使用媒体嵌入从外部托管平台提取此信息。

可以这样想:youku可以快速托管和提供视频内容。你不能比这个怪物做得更好。因此,将它用于您的优势并将视频文件存储在youku(或您选择的腾讯视频或其他视频平台)上,并将内容嵌入到您的设计中。用户不会知道差异……但他们会注意到您的网站加载速度有多快。

4.注意JavaScript

您网站上发生的大多数很酷的东西都可能是JavaScript的产物。它会变得沉重。但如果你关心如何处理JS查询和加载,那就没关系。

  • 对JavaScript文件使用异步加载:这会加速页面,因为文件是同时加载的,而不是从上到下加载。异步加载的漂亮技巧是,如果一个文件卡住或停止,它不会使其余文件陷入困境; 这些脚本将继续加载和运行。

  • 推迟加载一些JS文件:告诉一些JS文件,特别是那些不影响直接功能的大文件,在所有其他元素完成后加载。你可以在这里学习。

  • 优化和缩小:这只是很有意义 – 较小的文件将加载更快。不要忘记缩小JS。

  • 将JavaScript放在文件的底部:其他元素和JS不能很好地加载。通过在JavaScript之前加载HTML内容来解决此问题。

5.消除不必要的重定向

你还在重新设计页面吗?停下来。那是在扼杀加载时间。

虽然某些重定向是必要的恶魔,但要将它们保持在最低限度。

使用诸如Redirect Mapper之类的工具来确定您网站上的重定向活动,并消除您不知道哪些重定向。继续前进,请考虑更新过时页面,而不是添加具有类似内容的新页面。这对于搜索优化来说要好得多,所有这些链接都将继续有效!

6.选择好的网站服务器

正确的托管帐户可以提高或缩短速度。如果你在这里尝试过许多其他修复程序并且仍然存在速度问题,那么你的主机可能会受到指责。

有这么多选择,很难找到最好的托管计划。当涉及到为速度而构建的托管时,请寻找专用服务器选项。大多数网站所有者的首选是VPS托管,它提供更快的加载时间,但您不必自己管理托管。

不知道从哪里开始托管?以下是为速度而构建的七个主机选项的细分。

7.最小化HTTP请求

每次用户访问您的网站时必须下载的页面元素数量会显着影响加载时间。这包括从图像到样式表到脚本的所有内容,这些前端组件可以占到80%的加载时间。

最好的解决方案是使用组合文件来减少请求数量。这意味着将所有CSS放在一个样式表中或尽可能组合脚本。

这一切都归结为轻量级代码和最佳实践。每个浏览器必须读取的越多,加载所需的时间就越长。

8.删除不必要的插件

没有什么能比像一堆一直在运行的插件一样压低网站。(你真的需要Google Analytics插件吗?)

尽可能摆脱插件冗余。Ditch插件没有更新的规则性,也不适用于您网站环境的当前版本。

对于你可以手动完成的事情……使用插件退出。它们只会减慢您的网站速度。

9.启用延迟加载

如果滚动上方的元素加载比其他所有元素快一点怎么办?这是可以用于更重,更复杂页面的“技巧”之一。

延迟加载对于长滚动页面非常理想。它会从页面的顶部到底部加载内容,如果您的页面在滚动下面有大量图像(即使它确实与此处概述的其他一些建议相悖),效果也很好。有选择权,这对吗?)

这实际上是一个花哨的缓存选项。

您在做什么来确保您的网站在2019年为速度而建?

遵循桌面和移动速度影响的最佳实践,而不仅仅是用户访问网站的速度。它还会影响网站排名,搜索优化和转化率。(如果页面没有加载,用户应该如何购买产品?)

尽量开始清理代码并优化您的网站,即使您每月只执行其中一项操作,您也会开始看到结果。祝好运!


模板坊版权所有 京ICP备16066985号-2 京公网安备11010602022036号

100041

QQ:504895209

— 努力创造优质作品,奉献更多精品佳作 —

模板坊 - APP应用开发|网站建设|平面设计