前端优化：9 个技巧，提高 Web 性能( 三 ) Web设计者喜

此外，不少网站管理员在网页中错误的使用@import指令来引入外部样式表。这是一个过时的方法，它会阻止浏览并行下载。 link标签才是最好的选择，它也能提高网站的前端性能。多说一句，通过link标签请求加载的外部样式表不会阻止并行下载。

3.减少外部HTTP请求

在很多情况下，网站的大部分加载时间来自于外部的Http请求。外部资源的加载速度随着主机提供商的服务器架构、地点等不同而不同。减少外部请求要做的第一步就是简略地检查网站。研究你网站的每个组成部分，消除任何影响访问者体验不好的成分。这些成分可能是：

不必要的图片

没用的Java代码

过多的css

多余的插件

在你去掉这些多余的成分之后，再对剩下的内容进行整理，如，压缩工具、CDN服务和预获取（prefetching）等，这些都是管理HTTP请求的最佳选择。前端优化除此之外，减少DNS路由查找教程会教你如何一步一步的减少外部HTTP请求。

4.压缩CSS,JS和HTML

例如，这是一段压缩之前的代码。

前端优化：9 个技巧，提高 Web 性能( 三 )