如何通过图像优化加快您的WordPress网站

大多数博客作者和网站所有者都非常关注内容质量,而图像优化这一主题仍然被忽略。但是,图像SEO和大小优化不仅使您能够从基于图像的搜索引擎(例如Google图像)为您的网站带来更多自然流量,而且还对网站的性能产生巨大影响。如果您没有针对网络优化视觉效果,则会减慢页面加载速度,访问者最讨厌的就是不必等待网站加载。 Strangeloop的一项研究表明,一秒钟的延迟对销售,页面浏览量和客户满意度都具有至关重要的影响。

网站速度影响

图片平均占用网站带宽的63%。而且,您使访问者等待他们加载的时间越长,对他们的兴趣就越小。建立网站时,’建议从头开始适当优化图像,无论它是否’s WordPress 要么 Magento开发。但是在介绍图像优化技术之前,让我们先看看您在将图像上传到WordPress网站时可能犯的一些最常见的错误。

 

大尺寸和大尺寸

如果您的团队成员的联系页面仅需要250×250像素的图像,则很有可能使用相机拍摄的5百万像素的头像。自然,高分辨率图像的尺寸较大,并且加载时间会更长。如果您直接将它们上传到WordPress而没有缩小到所需的大小,则将使访问者的浏览器为您完成相同的工作。结果,您最终将浪费带宽,磁盘空间并增加网站的加载时间。为避免这种情况,只需将图像调整大小,特别是如果您知道确切的尺寸,然后再将其上传到您的网站。如果需要链接到大图像的缩略图,请创建两个文件(一个缩略图,另一个具有原始大小)。上传前请特别注意文件大小,并尝试将其设置得尽可能小。对于高质量的图像,最好不要超过100K。本文稍后将详细介绍图片优化工具。

 

图片格式误用

使用正确的格式可以在文件大小方面产生很大的不同。网络上共有四种文件类型:jpeg,png,gif和ico。在大多数情况下,最后一个仅用于制作网站图标-在浏览器地址栏中URL旁边显示的小型(16×16像素)品牌徽标。 Gif可用于动画(例如简单的横幅广告),线条艺术,徽标或相同颜色的纯色区域。最普遍的照片格式是png和jpeg。前者是未压缩的(压缩处理时不会丢失细节),可以为高分辨率图像提供更好的质量,但是文件较大。 Jpeg图像经过压缩,通常尺寸较小。为了避免过多介绍细节,最好将png用于矢量图形,剪贴画和艺术线条。 Jpeg适用于照片和彩色图像。如果您仍然不确定要选择哪种格式,只需将图像保存为两种格式,然后查看尺寸和质量上的差异。在许多情况下,您甚至都不会注意到质量略有下降,而文件大小会明显下降。

 

渐进式JPEG

在视觉上,您不会从基线jpeg分辨出渐进jpeg。但是,这两种加载方式完全不同,这可能会有所不同,尤其是如果您的服务器不是最快的服务器,或者您在网站页面上使用大图片时。渐进式jpeg的预加载非常像隔行扫描的gif,随着信息的加载从模糊变为正常。

基线与渐进

基线jpeg仅有一层,因此可以一次性加载。渐进式jpeg格式允许创建多个图层,这些图层一个接一个地加载,从而为访问者提供无损的视图。底线是,如果您使用的是jpeg,则最好坚持使用渐进式。可以在所有主要图像编辑器中轻松创建它们。

 

不使用内容传送网络

内容分发网络(或CDN)允许通过物理上更接近用户位置的POP(服务点或服务器)为您的网站提供服务。如果CDN在巴黎和纽约设有服务器,而伦敦的访客要求从您的网站中获取图片,则该图片将由巴黎的POP提供。随着流量的增加,建立CDN变得很有必要,因为它将改善您网站的性能。一些流行的CDN(例如CloudFlare和Incapsula)是免费的,而其他一些CDN(例如MaxCDN)则不是免费的(价格可能高达每月299美元)。

 

没有延迟加载

这是一个极好的资源节省者。延迟加载是一项仅允许访客向下滚动查看图像时才加载图像的技术。如果您的网页上有多个启用了此技术的高质量图像,则不会同时加载它们,而只会在访问者到达各自的视框时才会显示。这将节省带宽并缩短加载时间。有几个插件可以将延迟加载到您的网站,例如 BJ懒加载 要么 WP延迟加载.

 

无图像“ Alt”属性

此属性基本上是图片对搜索引擎的描述。如果由于某些原因未加载图片,也会向访问者显示该文字。许多网站所有者倾向于将“ alt”字段留空。但是,此属性对于图像SEO至关重要,如果不填写它可能会花费您大量的自然流量。您还应该尝试在图片“ alt”文字中包含网站最重要的关键字,以改善搜索引擎的优化。虽然有时在某​​些情况下可以帮助读者更好地理解主题,但图像标题并非总是必需的。

 

文档名称

谁会想到图像文件名具有重要意义?但是从搜索引擎的角度来看,这一点很重要。最好使用与为图像文件命名一样的方式命名图像文件,并尽可能添加相关的关键字。它可以帮助提高您的SEO。

 

如何手动优化图像

有两种图像优化选项:手动和自动。如果您希望控制优化过程,请手动执行。大多数图形编辑器(例如Adobe Photoshop)都可以优化Web图像。 Adobe的套件甚至具有为网络保存图像的功能。如果您更喜欢使用免费软件,则还有很多选择,包括诸如MS Paint(仅适用于调整大小)或GIMP之类的基础知识。 JPEGmini是用于优化图像尺寸而不降低其质量的最常用工具之一(可免费试用,免费试用后价格为19.99美元)。 RIOT是另一个适用于Windows的流行图像优化免费软件,而TinyPNG是用于png压缩的出色在线工具。

 

在WordPress中修改functions.php

此选项对那些不惧怕PHP的人来说非常有用。要处理图像压缩,请转至WordPress主题中的functions.php文件,并添加以下内容:

add_filter(‘jpeg_quality’, create_function( ”, ‘return 80;’ ) );
数字(80)代表自动应用于新上传的图像的压缩百分比级别。但是,输入此字段不会影响您以前的上传。读这个 文章 更多细节。

 

自动图像优化

如果您不想手动优化图像或不喜欢代码,请选择自动优化。幸运的是,有很多可用的插件。最受欢迎的是 WP Smush.it。它不仅会自动压缩您上传的所有图像,而且还可以对现有视觉效果进行批量优化,这是一个巨大的优势。另一个有损图像优化的好插件是 EWWW图像优化器.

其他受欢迎的选项包括 CW Image Optimizer, 精神错乱哈米.

SEO友好图片 是一个有用的插件,可让您在图像中添加适当的“ alt”和“ title”属性并增强您的SEO(我们已经在上面进行了讨论)。另一个SEO友好插件是 媒体文件重命名器。标题更新时,它将重命名文件。

奥列格·叶姆丘克(Oleg Yemchuk)

一则回覆“如何通过图像优化加快您的WordPress网站”

  1. 很棒的提示!它’令人难以置信的是有多少种方法&存在插件可以帮助解决WordPress网站所有者面临的问题。我个人发现可以加快WordPress速度的一个重要技巧是删除WordPress添加到页眉和页脚的未使用Javascript。这极大地加快了我的网站的速度,特别是自从我删除Jquery以来’无论如何不要在我的网站上使用它。

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记 *