如果您还没有注意到,我们添加了一些新技能,可让您进一步优化网站的性能。
这是更新的快速列表,下面是每个更新的详细信息:
- 新图像默认情况下设置为延迟加载,这意味着它们在屏幕上出现时即会加载。
- 通过将字体显示设置为“交换”来启用更平滑的字体加载,以防止在加载页面时闪烁不可见的文本。
- 将链接预加载配置为在访问者单击页面时,显着链接的页面和资产的加载速度更快。
图像默认延迟加载
为了帮助您更快地加载网站,默认情况下,我们将所有新图像设置为“延迟加载”,这意味着它们在屏幕上出现时即进行加载-而不是在首次打开网站时加载页面上的所有图像。
在某些情况下:大量图片会大大降低页面加载速度。除了调整和优化单个图片的大小(或依靠我们的自适应图像优化)以外,您可以用来解决此问题的一个技巧是向图像添加自定义“ loading = lazy”属性,该属性指示浏览器在加载图像之前不要加载该图像。用户将其滚动到视图中。
使用自定义代码始终可以做到这一点,但这可能会很麻烦–因此,为了使您的网站运行更快,使您的网站访问体验更轻松,默认情况下,我们将所有新图像设置为延迟加载。
现在,默认情况下,新图像已设置为延迟加载,并且可以选择覆盖单个图像上的图像。
此更新并没有对网站影响现有的图像,虽然你可以轻松地实现从图像的设置面板每幅图像此设置。如果要在页面初始加载时加载图像,也可以覆盖此默认的每个图像。
还需要注意的是,延迟加载仅适用于嵌入式图像(即元素),而不能覆盖背景图像,如果未适当优化,则背景图像可能是页面膨胀的主要来源。除了压缩和优化您使用的背景图像外,您还可以使用图像对象适合作为替代,这使您可以在延迟加载和内置的响应式图像功能的同时实现相同的设计。