码迷,mamicode.com
首页 > Web开发 > 详细

用Jetpack的Site Accelerator为网站CDN加速

时间:2019-12-16 12:53:17      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:形式   尺寸   示例   display   倾斜   情况下   pack   参考   宽高   

  Jetpack 的Site Accelerator站点加速器(前身为 Photon,注意:“Photon”现在是站点加速器的一部分)允许 Jetpack 优化图像并通过他们的全球服务器网络CDN提供图片和静态文件(如CSS 和 JavaScript),进而帮助您更快地加载页面。

技术图片

 

 

  如何激活站点加速器

  1. 在您站点的控制面板上,转到 Jetpack → 设置 → 性能。
  2. 在性能和速度部分,将“启用站点加速器”的开关滑动到开启位置。

  站点加速器的工作原理

图片

图像 CDN(前身为 Photon)是一项图像加速和编辑服务。这就意味着我们从我们的服务器上托管您的图像,减轻您服务器的负载,并为您的读者提供更快的图像加载速度。

  • 该服务会过滤内容,但不会更改数据库中的信息。
  • 该服务目前仅适用于文章和页面中的图像,以及通过 image_downsize 过滤器筛选出来的特色图片/文章缩图。
  • 该服务同时适用于旧文章和新文章,并可轻松打开或关闭。

静态文件
我们以内容分发网络 (CDN) 的形式,从我们的服务器上托管 WordPress 核心、Jetpack 和 WooCommerce 随附的静态资产(例如,JavaScript 和 CSS),从而为您的服务器减轻负载。

  • 它会过滤每个 WordPress 页面加载的资产 URL。
  • 它目前只适用于 WordPress 核心、Jetpack 和 WooCommerce 随附的资产。目前尚不支持主题和其他插件资产。


问题与解答
1、站点加速器如何确定要提供的图像尺寸?
站点加速器会查看 img 元素的宽高属性,然后提供已调整至这些尺寸或所属元素的宽度(以较小者为准)的图像。
2、有没有办法保留 CDN 生成的 HTML 中的“宽度”和“高度”属性?
我们删除宽度和高度参数,以防止调整后的图像在与原始图像的尺寸不同时发生倾斜。当您从某一主题切换至另一主题,并且新主题比先前的主题更窄时,这一点便尤为重要。其中一个优点就是可以自动调整图像大小,以便图像不会超过主题所支持的宽度。

局限性

  • 没有缓存失效 – 目前,图像会“永久”缓存,并且静态资产仅适用于您所使用的 WordPress、Jetpack 或 WooCommerce 的公共版本。对于图像来说,如果您想“刷新”某张图像,则您需要更改其文件名。添加随机查询参数(通常被称为 cachebuster)将不起作用。
  • 如果您需要我们清除某些图像,请联系我们,并提供相关文件在您站点上显示的直接链接。这些链接将会以 i0.wp.com、i1.wp.com 或 i2.wp.com 开头。
  • 我们只会从侦听端口 80 (HTTP) 和端口 443 (HTTPS) 的服务器上获取、调整和提供 gif、png 和 jpg 图像。这大约覆盖了全球 99.99% 的 Web 服务器。如果您遇到问题,请尝试使用 jetpack_photon_reject_https 过滤器。
  • 大多数情况下,我们不会“升级”图像。如果您的原始图像是 1000 像素宽,但您要求我们将其修改为 5000 像素,我们仍将为您提供原始的 1000 像素图像。升级后的图像往往画质较差,因此我们希望能避免这种问题。
  • 如果您的服务器将图像上传至我们的 CDN 时花费的时间超过 10 秒,则上传将会超时,您的图像会受损。如果发生这种情况,请尝试上传一张名称不同且文件大小较小的图像。

主题和插件还可以通过 Photon API 来使用 GET 查询参数转换图像。开发人员可以访问 developer.wordpress.com,查看 Photon API 示例和文档。

这只能在 WordPress.com 托管的站点或与 Jetpack 连接的 WordPress 站点上使用。如果您移动到其他平台,或者您的站点断开了与 Jetpack 的连接,则还需切换到其他图像服务。滥用 Jetpack 或违反 WordPress.com 服务条款的行为会导致您的站点无法使用与 WordPress.com 连接的服务。

  参考资料https://jetpack.com/support/site-accelerator/

用Jetpack的Site Accelerator为网站CDN加速

标签:形式   尺寸   示例   display   倾斜   情况下   pack   参考   宽高   

原文地址:https://www.cnblogs.com/ytkah/p/12048307.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!