网站优化之移除不显示的元素

今天用 Network 查看网站加载都请求哪些资源,按照资源大小排序,发现每个页面都会请求几张还不算小的图片。

很是很奇怪,明明页面中看不到这些图片,它们是从哪来的呢?

经过一番排查,我发现这些图片是侧边栏热门文章中的。主题加载了文章的首图,但又用 CSS 的 display: none 给隐藏了,这就导致其中一张图片荣登流量榜榜首。

现在已经移除了热门文章列表中被隐藏的图片,页面加载时不会再请求这些图片了。

感觉加载速度又提升了不少,嘻嘻(#^.^#)

未经允许不得转载:Web前端开发资源网 » 网站优化之移除不显示的元素

推荐阅读:

Windows7系统如果安装&升级IE11浏览器

CSS中的background属性与margin和padding内外边距的关系总结

jquery导航栏点击及页面跳转后对应栏目添加选中效果

Linux安装JDK+Tomcat+MySQL及发布项目教程

JQuery几个mouse事件的区别和用法

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)