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

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

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

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

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

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

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

推荐阅读：

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

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

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

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

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