怎样才能在我的网站上快速加载图片?
浏览:352 时间:2021-11-9

照片对读者来说,几乎所有的读书体验都增加了。可以对读者的读书感兴趣。

所有文字的文章和图文结合在一起的文章,我喜欢看图文的结合。读文章的同事可以通过图像有效地放松大脑,让读者读到最后。这对于网站的建设者来说,有利于搜索引擎的SEO优化。因为搜索引擎的蜘蛛的画很茂盛。

但是,有问题。照片太多的话,网站的速度会大幅变慢。文字确实很容易显示,但是图像可以通过下载看到阅览者的眼睛。

优化图像读取的重要性

减小图像大小以保持读者的接受范围。这是照片的优化。所有照片都使用高清。或者使用超清。这个给服务器很大的压力。我们应该做的是压缩图像,压缩图像后,将图像信息视觉地传达给阅览者。

根据研究,网页的访问者最关心的是网页的速度。随着互联网的快速发展,40%以上的人选择放弃加载3秒以上的网站。换言之,我可能不在乎你文章的质量,但是网站必须早点出现在我的面前。

也有统计。如果你的网站每天能有1000元的收入,如果不延迟一秒,每年的收入就会少250万元。

因此,优化图像大小对于网站的主要来说,可以节省服务器的硬盘和带宽。

减少图像优化页面加载的6种方法

1.使用图像压缩工具

压缩工具可以删除一些部分以缩小图像大小。这种压缩可以是“可逆压缩”或“可逆压缩”。

请对照片等高质量视觉效果进行可逆压缩,选择更简单的图像。这样可以提高服务器的性能。

这里推荐使用廷布。这个网站的压缩在以前有关微博的文章中被使用。他把我的10M照片压缩成3M。

如果您使用Wordpress,还提供了相应的插件,您可以快速将图像上传到Wordpress网站。

2.启用浏览器缓存

因为网站上没有缓存,所以每次用户访问都会下载照片。使用浏览器缓存,下载图像只保存用户的电脑,当用户再次访问时,可以以最快的速度打开网站。

您也有一个与Wordpress用户相关的插件例如W3 Total Cache或WpSuperCache)

3.禁止偷拍照片

有些文章被别人转载,复制保存。他们不是把照片下载到服务器上,而是直接使用你的照片。这样用户访问的时候,也会下载你的服务器的照片在对方的主页上显示。

在此,禁止图像的偷拍链,从外部网站偷拍与该图像链接的图像。

Wordpress用户也有相关插件。AllInOneWp Security&Firewall。激活插件后,您可以浏览到WpSecurity防火墙>>preventHotlinks并找到此功能。

当然,也可以使用阿里云OSS、CDN、七牛云等第三方的保存。可以在他们的后台设置防盗链。具体来说,可以咨询第三方储存平台的客户服务。

4.利用CDN内容分发服务

举个例子。如果你的网站在海外的话,下载图像很慢。可以使用CDN将图像分发给国内的服务器。用户打开网页后,可以从自己最近的服务器下载图像。当然现在CDN服务有注册的要求。

CDN原理:如果你的网站服务器在北京,北京用户下载网页下载图片很快,西藏用户需要很长时间。CDN在离西藏最近的地方发了照片。这样西藏用户也可以最快下载图像。

5.文件格式

您可以使用适当的图像文件格式来改进图像加载。

JpEGXR和Webp。

JpEG或JpG图像可以同时使用有损失的优化和无损失的优化,pNG文件可以生成更高质量的图像,但尺寸更大(文件大小不会失控。但是,使用pNG可以避免产生复杂的视觉效果)。

6.使用延迟负载

延迟负载也称为惰性负载。

普通网站打开页面,请求服务器下载。请求是整个页面的下载地址。

另一方面,延迟加载仅需要当前屏幕上可显示的页面范围的图像,并通过将其滑动到某个点上,开始执行下载图像。

延迟加载可以大大降低对服务器的压力。

Wordpress中也有延迟负载的相关插件。AjaxLoadMore、A3 LazyLoad、LazyLoader、LaxyLoadbyWpRocket、LazyLoadforvides、SpeedUp–LazyLoad等插件。

结束

这里提供6个图像的加载程序。这次主要用Wordpress来列举。其他的相关程序,dedecms,帝国,Discz,ecshop等也在网络上有相关的教程。希望这6种方法对站长有帮助。

这篇文章是星空站长网络的原创,作者:五车二。转载请注明出处。