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

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

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

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

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

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

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

推荐阅读:

Vue.js学习笔记——条件、循环、双向绑定

给网站添加熊掌号粉丝关注按钮

Discuz X3.4 MySQL数据库连接问题的解决方法

jQuery text() html() val()设置内容和attr()设置属性的用法

HTML img src图片路径不存在,则显示一张默认图片的方法

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

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