当前位置: 首页 关于我们 新闻动态
品牌介绍 新闻动态 联系我们
宝安网站建设浅析提升网站页面速度的10种方法
浏览次数:289次 发布日期:2022-04-25

  网站页面速度测试以及任何其他相关指标过去都是只有开发人员关心的事情。但是 PageSpeed Insights 成为非编码人员以清晰的数字谈论网站的一种方式。他们可以比较网站,并衡量随时间的变化,宝安网站建设竞争对手的代理机构可能会提取测试结果并声称您客户的新的、昂贵的网站制作不佳。

  此外,搜索引擎倾向于在其页面速度算法中“试用”项目,这些项目最终成为 SEO 排名的关键决定因素。还记得“mobile-geddon”吗?Mobile-geddon 是搜索引擎宣布没有移动友好版本的网站排名低于移动友好版本的时候。这导致急于使网站在设备上更好地显示,以避免搜索引擎优化的后果。PageSpeed Insights 测试让开发人员可以在搜索引擎的政策正式推出之前衡量他们的移动性能。

  核心网络生命力

  宝安网站建设[敏感词]试用的元素统称为Core Web Vitals。该术语指的是三个元素:首次输入延迟 (FID)、[敏感词]内容绘制 (LCP) 和累积布局移位 (CLS)。这些项目中的每一项在 PSI 结果页面上都有一个蓝色标志。

  首次输入延迟是指用户与您的网站交互之前的时间。如果脚本继续在后台加载,用户可能无法立即单击某些内容。请注意,由于 FID 是关于真实世界的用户,因此该指标在实验室数据中不可用。

  [敏感词]内容绘制是指在视口中加载[敏感词]项目(首屏)需要多长时间。这可以是背景视频或英雄图像。

  累积布局偏移是指计算您的内容从显示后继续加载的项目中意外“偏移”的程度。想一想有一个你想点击的按钮的网站,在你点击之前,一个横幅广告会在上面弹出,按下按钮。您很可能会点击横幅广告而不是按钮。这显然是一种加重体验,所以这个指标是一种对抗它的策略。

  宝安网站建设了解到搜索引擎相关报告称,从 2021 年 5 月开始,在确定页面排名时将考虑 Core Web Vitals 分数。这使得现在是查看分数并为下一次算法更新做准备的[敏感词]时机。

x1.jpg

  如何提高我的分数?

  您的网站页面速度得分是否不像您希望的那样绿色和闪亮?不要害怕——有各种各样的提示和技巧可以提高你的分数。

  1、找一个好的托管服务提供商

  您是否因减少初始服务器响应时间而受到标记?并非所有托管都是平等的。共享服务器上的廉价托管计划不会像专用硬件那样快速响应。托管的价格差异很大,您很容易超支。花点时间查看可用的软件包,然后选择一个能够充分支持您网站流量的选项。

  2、确保支持并启用GZIP

  GZIP 是一种在服务器级别压缩数据的方法。它允许更快地加载图像、样式表和脚本文件等常见资产。

  3、压缩和延迟加载您的图像

  网页设计师和客户通常希望上传他们拥有的[敏感词]质量的图像。不幸的是,这将完全扼杀网站的加载速度。即使资产在 Photoshop 中被压缩,仍然可以通过TinyPNG或Smush等图像压缩工具发送。此外,尽可能多地延迟加载首屏下方的图像。延迟加载将延迟加载图像,直到用户将视口滚动到图像所在的位置。减少页面加载所需的元素将极大地影响速度。插件选项可用于延迟加载,但您也可以通过在主题中使用延迟加载库来添加本机支持。

  4、使用自定义字体的“交换”选项

  如果在加载自定义字体之前文本不可见,PageSpeed Insights 会标记您。您可以通过加载系统字体并在资源准备好后将其“交换”为所需字体来避免这种“不可见文本闪烁”(FOIT)。如果您正在加载 Google 字体,只需将 &display=swap 添加到 Google 字体 URL。如果您在样式表中使用@font-face,您可以添加参数font-display:swap;。您还可以通过在标题中预加载字体来更快地加载字体。使用 <link> 标记中的 rel=”preload” 更早地获取您的 .woff2 文件,即使在本地加载它们时也是如此。

  5、合并和缩小 CSS & JS

  您的主题是否结合并缩小了样式表和脚本?伟大的!但这可能不足以安抚速度测试。使用插件,如WP Optimize,进一步组合来自插件的文件并降低页面加载时的请求总数。

  6、检查您的主题是否臃肿(未使用的代码)

  当站点跨模板具有多个布局时,很难仅加载该特定页面上使用的脚本和样式。但是,您可以通过盘点实际使用的内容来改进一些删除未使用的 JavaScript/CSS订单项。也许您有一个您认为需要但不需要的 JS 库。插件也是如此 - 真正将活动插件缩减为仅您需要的插件。不要将插件用于您可以在主题中以本地方式提供便利的东西。

  7、客观地评估页面的长度

  如果您被标记为避免过多的 DOM 大小,请问问自己:“此页面上是否有太多内容?” 许多人认为尺寸过大意味着页面很长,这是一种情况。但它也可以引用深层页面或元素,例如嵌套画廊、滑块、手风琴等。如果您知道一个页面需要很多部分,请尽量保持它们的功能最小。如果您需要强烈的交互元素,请考虑将其放置在以它为主要内容的页面上。一旦对网站进行编码,除非您可以将整个元素移动到其他页面,否则很难减小 DOM 大小。在项目的设计阶段,您应该牢记这一行项目。

  8、维护您的重定向

  如果资源 URL 已过期并且必须遵循重定向到其新位置,则您正在减慢加载所有页面元素的过程。最常见的避免多页重定向触发器是必须从 http 重定向到 https。许多插件,甚至一些主机,都有在页面加载之前强制使用 https 的选项,这样您就可以完全绕过重定向。

  9、清点您的跟踪脚本

  您可以做所有其他事情,并且在您添加任何跟踪脚本(分析、标签管理器、转换像素等)的那一刻,您的网站页面速度得分可能会直线下降。发生这种情况是因为第三方脚本通常无法通过大多数 PageSpeed Insights 指标。他们不必要地从一个 URL 重定向到另一个。他们不会缩小或缓存他们的资源。它们会立即加载到页面上,而不是按需加载。具有讽刺意味的是,谷歌自己的分析 JS 在他们自己的测试中被标记,但您可以影响存储在第三方 CDN 上的文件。您可以做的是掌握脚本并删除过期广告系列的跟踪元素。同样,如果您正在运行 A/B 测试,请收集数据,然后删除测试脚本。在加载页面之前必须修改输出的任何内容都会降低您的网站速度。

  10、缓存

  宝安网站建设在优化了您可以控制的所有内容后,找到适合您的缓存解决方案。缓存允许网站构建和存储预先构建的文件,而不是在每次访问时重新加载所有资产。一些托管服务提供商,例如WP Engine和SiteGround,作为您计划的一部分提供了出色的服务器级缓存。还有一些选择,比如Cloudflare,如果您的主机不提供缓存选项。此外,您可以找到许多 WordPress 插件来缓存您的网站。但是,请注意,其中一些插件实际上可能会降低您的 PageSpeed Insights 分数,因为它们需要更多时间来为新访问者编译网站。访问者在点击时会获得更快的速度,但 PageSpeed Insights 机器人只会测试初始负载。

  提高您的网站页面速度以获得更好的用户体验

  显然,在 PageSpeed Insights 测试中没有[敏感词]的解决方案。可以花费很多很多时间来获得几分。

  专注于您可以控制的元素,并确保您提供有意义的内容。您的访问者不太可能查看您的分数。他们只是想感觉您的网站速度很快。你也应该有这种感觉。毕竟,页面速度只是一个数字。

深圳做网站开发公司,响应式网站建设服务商,高端网站制作方案,企业建站服务定制价格
网站地图 版权所有:深圳市万创科技有限公司 粤ICP备14001694号
友情链接: 万创科技 Google推广公司 苏州网站建设 永康网络公司 外贸网站建设 青岛网站建设 合肥网站建设 互联网加盟

陈小姐:

136-3280-8615

扫码有优惠

了解更多请添加微信:
13632808615

复制并跳转微信

x