八个技巧,提高Web前端性能
往期精选 ● 架构师高并发高性能分布式教程 (4000G) ● 39阶段精品云计算大数据实战视频教程 ● 互联网技术干货视频教程大全【菜单为准】 ● 2017年8月最新Intellij IDEA全套视频教程 ● 程序员如何制作高质量的简历【视频+简历】 ● 两套大型电商实战项目 ● 200本经典编程相关书籍下载 更多精彩查看历史记录......... 1. 优化 CSS 性能 CSS,即级联样式表,能从 HTML 描述的内容生成专业而又整洁的文件。很多 CSS 需要通过 HTTP 请求来引入(除非使用内联 CSS),所以你要努力去除累赘的 CSS 文件,但要注意保留其重要特征。 如果你的 Banner、插件和布局样式是使用 CSS 保存在不同的文件内,那么,访问者的浏览器每次访问都会加载很多文件。虽然现在 HTTP/2 的存在,减少了这种问题的发生,但是在外部资源加载的情况下,仍会花费较长时间。要了解如何减少 HTTP 请求以大幅度缩减加载时间,请阅读WordPress 性能。 此外,不少网站管理员在网页中错误的使用 @import 指令 来引入外部样式表。这是一个过时的方法,它会阻止浏览并行下载。link 标签才是最好的选择,它也能提高网站的前端性能。多说一句,通过 link 标签请求加载的外部样式表不会阻止并行下载。 2.减少外部HTTP请求 在很多情况下