首页 > 学习分享 > 正文

字符播客网站优化基本完成,聊一下为何文章引导图采用预加载图片优化

    字符播客这段时间进行了一系列的网站优化,包括电脑pc端和手机端,有兴趣的朋友,可以用两者打开看下效果,也可以拖拉浏览器观看,毕竟采用的是响应式结构,而不是电脑手机分体式结构。

    抛开服务器性能,网站优化,除了网站结构优化,一般会优化js和css,但很多时候占用网站打开速度的是我们的网站图片数量和大小。

字符播客网站优化

如何优化我们的图片?

    利用图片处理软件:将图片弄小点,让图片大小和要展示的限制大小一致,多采用jpg压缩格式的图片;

    将小图片合并为一个图片文件:通过背景加载,位置偏移读取来实现在同个文件中抠取自己需要的那个图标,这个如果是自己做网站的话可以采用,如果像我这样采用别人的主题的话(虽然我的主题很少见图片式小图标,基本都用awesome font实现了)可以不考虑。

    采用延时加载:就是等整个网站都加载好后,通过监控滚动条来实现,一般会在距用户看到某图片前一定距离开始加载,这样大大提高了网站加载速度,提高用户体验。(可以使用lazyload.js图片延时加载插件完成)。

上面的方式最好的还是采用延时加载的方式,可以说没有占用到网站的加载时间。

为何字符播客没有完全采用延时加载?

    1,因为它也有弊端,就是当你把浏览器的javascript关闭(也就是设置不允许运行javasript时)它将一点作用都没有,就是说图片将永远不会展示出来。

    2,不利于seo,因为搜索引擎不会像人一样拖拉浏览器进行加载网站进行抓取,这样的话,图片可以说是无法抓取了。

    3,现在的服务器响应速度都很快了,而且我们的带宽也越来越给力了(应该越来越给力吧,虽然有点坑,你们懂的),也可以慢慢不考虑图片大小了。

什么情况下要考虑延时加载?

    如果你使用的是国外主机,而且自我感觉加载速度很慢,而且不想使用cdn,可以考虑采用延时加载。另外如果这些图片不重要,也不想它们seo,也可以采用延时加载的哦。

上面提到字符播客没有完全使用延时加载,说明字符播客也部分采用了

    对的,字符播客的确采用了延时加载,能节省点速度,尽量节省吧,毕竟购买的主机不能说非常好。