首页 » 实施本文中的建议将使您达到目标

实施本文中的建议将使您达到目标

80毫秒!我从来没有见过这么高的速度。(或者至少比以往更快地达到目标)。 wmt-速度.jpg 话虽如此,大多数网站都会受益于一些修复。 组合/挖掘 CSS 和 JavaScript。 通过将所有 JavaScript 和/或 CSS 组合到少量文件中,可以减少浏览器需要发送到服务器的请求数量。

不要陷入拖延、阻塞等情况

可以这样想:如果您要求同事向您提供项目的最新状态,您宁愿查看一页报告,也不愿查看 17 个不同的便利贴,对吧?如果他们一次给你一张便利贴,情况肯定就是这样。虽然注重速度的开发人员会在将代码投入生产之前尝试执行此操作,但 PSM 可以为您处理它。

CSS/JavaScript 缩小可

以通过演示简单地进行演示。以这个 JavaScript 片段为例: jQuery(函数(){ var ProductSlider = jQuery(‘#slider’); 如果(产品滑块){ 产品Sli​​der.carousel(); } }); 如果可用,此代码可用于在页面上启动轮播。

如果我截断它它将如下所示:

jQuery(function(){var e=jQuery(“#slider”);if(e){e.carousel()}}) 这会尽可能 telegram 数字数据 压缩文件大小,同时使其可由浏览器执行。显然,您的网站上会有大量 JavaScript 需要执行,但缩小的好处是真实的。

这将为您的用户带来更快

的下载时间并减少网站的带宽消耗。将此技术与上述技术结合起来,浏览器 如何为数据驱动的内 不仅可以更快地下载网站所需的 JavaScript,而且可以减少请求。 延迟 JavaScript。 推迟 JavaScript 是尝试延迟其执行,直到页面加载,这将加快网站的渲染速度。

不过,此过滤器有一个警告

(请参阅此处的限制)。您应该测试此过滤器以确保您的网站 安圭拉铅  仍按预期工作。 压平 CSS @ 导入。 将外部 CSS“库”从另一个文件/项目添加到网站可以帮助加快开发周期。例如,当您想要将 Bootstrap 的 CSS 添加到您自己的 CSS 中以将其压缩到一个文件中时。

虽然添加规则 @import

<yourCSSFileName> 很容易,但 PS Insights 会抱怨它并从您的分数中扣除。下载第一个 CSS 文件后,它会找到您的 @import 规则并意识到它必须下载第二个文件。如果您已经这样做了很多次,您将不得不下载许多额外的文件,而自己却没有意识到。

PSM 将检索您导入的文件

将它们与其他 CSS 文件合并,并为您缩小它们。 内联 JavaScript 此过滤器非常有用,尤其是当您使用 WordPress 网站时。打开内联 JavaScript 过滤器后,PSM 将以一种独特的方式减少浏览器向服务器发出的请求数量。

滚动至顶部