基本上,它会尝试“暂停”JavaScript 执行,直到页面加载。作原理的示例。请注意,在后一个示例中,所有文本和图像首先出现。当页面加载时,最终显示由 JavaScript 生成的文本。
同样,这对于干净的默认 Bootstrap 安装非常有效,但使用此过滤器时有一些注意事项。特别是如果有一些 JavaScript 元素需要尽快执行。该过滤器还可以更改某些脚本的执行顺序。 基本上,我是说在使用此过滤器时您应该知道自己在做什么(或者至少知道如何排除故障)。
图像校正 我在本文前面介绍了图像优化
但我将快速概述每个图像优化过滤器的作用: sprite_images:尝试将多个 欧洲手机号码列表 缩略图拼接在一起,同时更新 CSS 以正确引用此精灵图像文件 rewrite_images:包含所有这些过滤器。 inline_images:用内联“data:”URL 替换小图像。
recompress_images:另一个组过滤器(如 rewrite_images),尝试额外压 工具类型:数字白板 缩并从图像中删除不必要的元数据。 Convert_png_to_jpeg:如果没有透明像素,则会转换为JPEG(GIF同理)。 resize_images:如果您在 img 属性上使用宽度/高度,并且原始图像大于这些值,它会将其调整为适合您的大小。
recompress_png:
PNG的无损转换 Convert_jpeg_to_webp:如果浏览器支持 WebP 格式,则会将图像 安圭拉铅 渲染为该类型而不是 JPEG。 这是一个简单的例子。我有一个使用 JPEG 作为全屏背景的页面。图像的实际大小为 694KB。
此屏幕截图显示了
为我所做的工作,无需额外工作,也没有可见的全屏图像质量。 webp-pagespeed.jpg 注意到它是如何将 JPEG 转换为 WebP 格式的吗?查看新文件大小与原始 694KB 的比较! 消除空格并删除注释。 这两个过滤器基本上按照他们所说的做。
当 PSM 删除空格时,它会尝试减小
发送回浏览器的 HTML 的大小。格式化代码以使其可读对于开发很有帮助。向用户呈现 HTML 代码时没有理由这样做,因此 PSM 指定可以将页面的哪一部分留空。 删除评论实际上就是删除评论。不是您的博客文章评论,而是开发人员可能留下的代码评论。