这是一关于帮助和改进优化前端技术的文章。这是十对前端人员有用的知识。main 内容有清洁代码、压缩图片、压缩外部资源和一其他一些方法。这些方法将显著提高您网站的速度和整体性能。
一，清理
超文本标记语言是几乎所有的网站的主干。HTML将标题、sub 标题、列表和其他一文档结构格式带入网页。在最新的HTML5 更新中，您甚至可以创建图表。
超文本标记语言容易被网络爬虫识别，因此搜索索引可以根据网站 内容在一定程度上实时进行更新。当编写超文本标记语言时，你应该尽量使它简洁有效。此外，一在引用HTML文档中的外部资源时，应遵循一些最佳实践。
1。正确放置CSS
网页设计者喜欢在主网页框架建立后创建样式表。以这种方式，网页中的一样式表通常放在超文本标记语言之后，靠近文档的末尾。但是，推荐的方法是将CSS放在HTML的顶部，在文档头内，这样可以保证正常的渲染过程。
此策略不能提高网站的加载速度，但不会使访问者长时间等待空白屏幕或未格式化的文本(FOUT)。如果网页的大部分可见元素已经被加载，访问者更有可能等待整个页面，从而将优化效果带到前端。这是感性的表现。
2。正确放置Javascript
另一方面一，如果JavaScript被放在头标签或超文本标记语言文档的顶部，它将阻止超文本标记语言和CSS元素的加载过程。该错误将增加页面的加载时间，增加用户的等待时间，并且容易使人们不耐烦并放弃对网站的访问。但是，您可以通过将JavaScript属性放在HTML的底部来避免这个问题。
此外，当使用JavaScript时，人们通常喜欢加载异步脚本。这将阻止<脚本>标签在超文本标记语言中的表示，例如，在文档的中间。
虽然网页设计者最值得使用的是工具的一，但它通常与CSS和JavaScript 一一起使用，这可能会减慢网页浏览速度。虽然CSS和JavaScript对网页优化很有用，但是我们在使用它们时应该注意一。使用CSS和JavaScript时避免嵌入代码。因为当您嵌入代码时，您希望将CSS放在样式标签中，并将JavaScript放在脚本标签中，这增加了每次刷新网页时必须加载的HTML代码量。
二，优化CSS性能
CSS，或级联样式表，可以从内容生成专业整洁的文件HTML描述。许多CSS需要通过HTTP请求来引入(除非使用内嵌的CSS)，所以您应该尝试移除繁琐的CSS文件，但是要小心保留它的重要特性。