资源加载速度慢或繁重

mdasaduzzaman17

确实，CSS和JS等阻塞资源的加载时间会减慢并降低网站性能，但还有其他资源可以对网站速度产生直接影响。 喜欢： <img> 标签 <svg> 标签内的 <image> 标签（与上面的 <img> 标签不同） 视频标签（当然，在这个视频标签中使用海报功能会有很大帮助） 在后台加载的图像或视频作为 url(..) 和 … 上述各项可能会使您的站点在 GTmetrix 工具中的 LCP 变差，现在我们将详细解释一下解决方案。 优化和压缩照片 在Mizfa，我们谈论了很多关于图像SEO，我们之前说过图像和照片在页面加载中起着非常重要的作用，平均而言，网站上的图像占总体积的60％，因此优化和压缩图像可以有很大帮助.让您的网站加载速度更快。


不要上传重复的图片，很多朋友之前在上传网站上没有找到想要的图片而再次上传同一张图片，或者一个网站有多个作者，上传了很多重复的图片。最好为照片提供合适的描述和名称，以便图像内的搜索功能能够良好响应。在 GTmetrix 中，我们 伊朗电报数据 遇到了一个名为“从一致的URL提供资源”的错误，它指出了同样的问题。 压缩图像。我建议你阅读照片优化文章和优化图像，我们在文章中提到了不同的方法。另外，程序员朋友可以从此链接中提供的软件包中获得帮助。小伙伴们，为什么要上传5兆大小的照片呢？此前，我们有一位好友参与了一个网站极速服务项目，他的所有照片都超过1MB。请大家注意并正常工作。 选择合适的照片格式。我们写了一篇关于图像优化的好文章，并检查了不同的格式，我们建议的格式是PNG -8 或 webp。但一定要阅读这篇文章。




您还可以对图像使用CDN。我认为imagekit和cloudinary都非常适合使用 CDN。 建议WordPress的朋友看一下图片优化最佳插件的文章，插件介绍的很好。 将小图片组合成一张图片， 使用CSS Sprites方法组合图片始终是提高图片加载速度的一个不错的选择。 对重要资源使用 Preload Preload 可以帮助您更快地加载资源，您不应该对所有内容都使用 Preload，因为它会失去其功能，它应该只用于重要的图像、视频、 CSS和JS文件。事实上，您可以对任何具有更高优先级的源使用此预加载，并将其插入到 head 标记中。