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

本文原始标题为：前端优化：9 个技巧，提高 Web 性能---来源是：

----前端优化：9 个技巧，提高 Web 性能//----江苏龙网 http://www.jiangsulong.com //

Web设计者喜欢在网页建立起主要的HTML骨架之后再来创建样式表。这样一来，网页中的样式表往往会放在HTML的后面，接近文档结束的地方。然而推荐的做法是把CSS放在HTML的上面部分，文档头之内，这可以确保正常的渲染过程。

这个策略不能提高网站的加载速度，但它不会让访问者长时间看着空白屏幕或者无格式的文本（FOUT）等待。如果网页大部分可见元素已经加载出来了，访问者才更有可能等待加载整个页面，从而带来对前端的优化效果。这就是知觉性能。

正确放置Java

另一方面，如果将Java放置在head标签内或HTML文档的上部，这会阻塞HTML和CSS元素的加载过程。这个错误会导致页面加载时间增长，增加用户等待时间，容易让人感到不耐烦而放弃对网站的访问。不过，您可以通过将Java属性置于HTML底部来避免此问题。

此外，在使用Java时，人们通常喜欢用异步脚本加载。这会阻止标签在HTML中的呈现过程，如，在文档中间的情况。

虽然对于网页设计师来说， HTML是最值得使用的工具之一，但它通常要与CSS和Java一起使用，这可能会导致网页浏览速度减慢。虽然CSS和Java有利于网页优化，但使用时也要注意一些问题。使用CSS和Java时，要避免嵌入代码。因为当您嵌入代码时，要将CSS放置在样式标记中，并在脚本标记中使用Java ，这会增加每次刷新网页时必须加载的HTML代码量。