拉萨网站优化seo(拉萨seo公司咨询23火星)

spider_120_477

<p class="pgc-img-caption">
</p><p data-track="1">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    你一定知道图片对于读者来说，增加了绝大部分的阅读体验，它们可以保持读者的阅读兴趣。
   </span>
</p><p data-track="2">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    一篇全文字的文章与一篇图文结合的文章，我更喜欢看图文结合。在看文章的同时，图片能有效地起到放松大脑，让阅读者更加愿意读到结尾。这对网站建设者来说，也是有利于搜索引擎的SEO优化。因为搜索引擎的蜘蛛更加偏爱图文并茂。
   </span>
</p><p data-track="3">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    但是有一个问题就，图片太多会大大拖慢网站的速度。文字确实非常容易展现，但是图片会通过下载才能展现到阅读者的眼中。
   </span>
</p><p data-track="5">
<strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
     减少图片的大小，并且保持在阅读者可接受的范围。
    </span>
</strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    这便是图片优化，每一张图片都是用高清，或者超清，这绝对会给服务器带来很大的压力。我们要做的就是将图片压缩，压缩图片之后还要能让图片信息直观地传递给阅读者。
   </span>
</p><p data-track="6">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    研究表明：
   </span>
<strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
     网页的访客，最关心的是网页打开的速度。
    </span>
</strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    随着互联网快速发展，有40%甚至更多的人选择放弃网页加载超过3秒的网站。换句话来说，我可能不在意你文章的质量，但是网站必须快速展现到我的面前。
   </span>
</p><p data-track="7">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    也有统计，如果你的网站每天能为你带来100,000元的收入，没延迟一秒会导致你每年少收入250万元。
   </span>
</p><p data-track="8">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    所以优化图片的大小，对于网站主来说可以节约服务器的硬盘和带宽，对于者访问者来说会加快访问速度，增加用户体验，对两者都有益。
   </span>
</p><p data-track="11">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    压缩工具可以删除某些部分来减小图片的大小，这种压缩可以为“无损压缩”或者“有损压缩”。
   </span>
</p><p data-track="12">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    建议对照片等高质量的视觉效果进行无损压缩，更简单的图像，您可能希望选择有损压缩。这样可以更好地提升服务器的性能。
   </span>
</p><p data-track="13">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    这里我推荐使用
   </span>
<strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
     tinypng
    </span>
</strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    ，这个网站的压缩我在之前关于微博的文章中有使用到（微信聊天记录那张长图），他将我10M的图片压缩至3M，并且还能保持很好的一个呈现。
   </span>
</p><p data-track="14">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    另外如果你使用的是WordPress，
   </span>
<strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
     tinypng
    </span>
</strong>
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    还提供了对应的插件，可以快速的将图片上传到你的Wordpress网站。
   </span>
</p><p class="pgc-img-caption">
</p><p data-track="16">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    因为网站无缓存，会导致用户每次访问都会下载一次图片。使用浏览器缓存，将图片下载至用户的电脑保存，当用户再次访问的时候，可以最快的速度打开网站。
   </span>
</p><p data-track="17">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    WordPress用户也有相关的插件：（例如W3 Total Cache 或WP Super Cache）
   </span>
</p><p class="pgc-img-caption">
</p><p data-track="19">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    有些文章被他人转载，复制并且保存过去，他们不会将图片下载到服务器，而是直接使用你的图片。这样当用户访问时，也是通过下载你服务器的图片而展现到对方网页上。
   </span>
</p><p data-track="20">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    这里我们就要禁止图片盗链，盗链发现外部网站链接该图片而直接屏蔽。
   </span>
</p><p data-track="21">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    WordPress使用者也有相关插件：All In One WP Security＆Firewall。激活插件后，您可以通过导航到WP Security&gt;防火墙&gt; Prevent Hotlinks来找到此功能 。
   </span>
</p><p class="pgc-img-caption">
</p><p data-track="22">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    当然如果你使用的是阿里云OSS或者CDN，七牛云等第三方储存，也可以在他们的后台设置防盗链，具体的可咨询第三方储存平台客服。
   </span>
</p><p data-track="24">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    举个例子：如果你的网站在国外，下载图片巨慢。你可以将图片使用CDN分发到国内的服务器，当用户打开网页，就可以从距离自己最近的服务器下载获得图片。当然现在CDN服务都有备案的要求。
   </span>
</p><p data-track="25">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    CDN原理：如果你网站的服务器在北京，北京用户加载网页下载图片飞快，而西藏的用户却需要很长的时间下载。CDN将图片分发到距离西藏最近的地方。这样西藏用户也能最快的下载到图片。
   </span>
</p><p class="pgc-img-caption">
</p><p data-track="27">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    可以使用合适的图片文件格式来控制来提高图片的加载。
   </span>
</p><p data-track="28">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    如：JPEG XR和WebP。
   </span>
</p><p data-track="29">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    JPEG或JPG图像可以同时使用有损和无损优化（通常使其成为具有多种颜色的图像的最佳文件格式），PNG文件可产生更高质量的图像，但尺寸更大（文件大小不会失控。但是常会避免使用PNG获得复杂的视觉效果）。
   </span>
</p><p class="pgc-img-caption">
</p><p data-track="31">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    延时加载也称为惰性加载。
   </span>
</p><p data-track="32">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    一般的网站打开页面，会向服务器请求下载，而请求是请求整个页面的下载地址。
   </span>
</p><p data-track="33">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    而延时加载，只请求当前屏幕所能展示页面范围的的图片，当用户通过下滑到某个点，才会开始执行下载图片。
   </span>
</p><p data-track="34">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    延时加载可以大大地减小对服务器带来的压力。
   </span>
</p><p class="pgc-img-caption">
</p><p data-track="35">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    WordPress 也有延时加载的相关插件：Ajax Load More、A3 Lazy Load、Lazy Loader、Lazy Load by WP Rocket、Lazy Load for Videos、Speed Up – Lazy Load等插件….
   </span>
</p><p data-track="37">
<span style="color: #121212; --tt-darkmode-color: #A3A3A3;">
    这里给出了6种图片加载方案，另外本次主要使用了Wordpress做列举。其他相关程序，如dedecms，帝国，Discuz，ecshop等在网上也有相关的教程。希望这6种方法能对站长有用。
   </span>
</p><p data-track="38">
<span style="color: #333333; --tt-darkmode-color: #A3A3A3;">
    本文由星空
    <a class="pgc-link" data-content="mp" data-source="outerLink" href="https://www.xingkongweb.com/" rel="noopener noreferrer noopener noreferrer" target="_blank">
     星空站长网 – 站长技术交流分享平台
    </a>
    （https://www.xingkongweb.com/）原创，作者五车二。转载请注明出处。
   </span>
</p>

6TFwT524032

有点意思，谢谢楼主的无私分享！！！

Of50A751892

这真是不错，顶给需要的人

dtahx815437

牛啊兄弟 支持一下

J5qpi435207

我是个凑数的。。。

LFowE922072

找到好贴不容易，兄弟们，顶起！

aVxin715397

看帖回帖是美德！

Z0tVz557772

小手一抖，积分到手！

wyOaK121870

沙发！沙发！

lZz1i628596

有竞争才有进步嘛