首页 » 博客 » 自动压缩的主机也会浪费用

自动压缩的主机也会浪费用

根据您选择的 CMS 平台,有大量可用的图像优化插件,它们会在图像上传时自动压缩图像、删除不必要的元数据等,从而省去手动压缩的麻烦。

Smush、ReSmush.it 和 Tinypng.org 等工具是 WordPress 的不错选择,如果您的托管服务提供商不支持转换为 .webp,请留意可以转换并传送到较新的 .webp 文件格式的附加组件,该格式可提供更高的压缩率。

5. 延迟加载所有非首屏和屏幕外的图片

使用 <img> 标签的另一个原因是支持加载和 fetchpriority 属性(前面介绍过),这使得所有折叠上方的重要图像可以更快地加载,而位于 电话营销数据 视口之外的图像可以延迟加载。

尽量减少使用插件和嵌入

无论使用哪种CMS平台,插件、附加组件和扩展程序通常都能快速轻松地为网站添加额外的功能。然而,如果您没有监控每个新插件的影响,即使使用一些更受欢迎、更值得信赖的插件来为前端添加功能,性能也很有可能受到负面影响。

如果您是一位正在构建自定义主题的开发者,您应该首先考虑是否真的需要插件,并尽可能限制那些在前端输出额外资源的插件。有时插件具有很大的商业意义,有时它们是不可避免的,但可以通过以下技巧将影响降至最低,或者至少更好地理解它们的影响:

  1. 确定性能影响。使用 PageSpeed Insights

  2. 和Web Page Test等工具,在插件安装前后获取平均性能读数。还要查看每个指标的单独得分,而不仅仅是总体得分,因为插件会以多种方式影响 CWV。例如,如果插件将脚本作为样 不要称呼关键周:政府官员热衷于 式添加到 <head> 元素,这将影响 FCP、LCP 和速度指数。插件的 JavaScript 输出通常会影响总阻塞时间,这可能会对 LCP 产生连锁影响。
  3. 向开发人员获取报价。根据新特性/功能的复杂程度,投资一些定制开发的好处可能大于潜在的性能影响。
  4. 检查插件是否在 <head> 中输出额外的 CSS 或 JS。如果是,则可以通过编程方式将这些脚本移出/推迟到 head 之外。在 WordPress 中,包括 wp_dequeue_script() 和 wp_enqueue_script() 在内的函数可能允许您定位特定资源,从而有条件地仅在需要的页面上加载资源,而无需直接修改插件文件

选择一个合适的托管服务提供商

有时,即使是最优化、最精简的网站,缓慢户宝贵的几秒钟等待网页。选择主机提供商时需要注意以下几点:

  • 专为 WordPress 平台量身定制的基础设施,而非通用提供商
  • 全球数据中心和 CDN 交付
  • 整页缓存 HTML CDN 交付,而不是链接资产的 CDN 交付
  • 通过 CloudFlare Polish 等服务自动提供 .webp 图像

当我们的客户使用我们推荐的 WordPress 托管服务提供商 WPEngine提供的托管服务时,他们都会从上述内容中受益,甚至更多。

合作是关键

即使大部分实施工作都由开发团队负责,网站性能的责任也应该由多个学科共同承担。我始终鼓励在项目生命周期的早期就开展协作,并与交付 布韦岛商业指南 团队和利益相关者就性能目标以及需要做出的妥协(如有)进行一般性讨论。

滚动至顶部