在当今的数字世界里，每天都有无数的网站因为各种原因需要被访问。不过这些网站大多用起来比较麻烦。未被利用的网站会受到各种问题的困扰，包括加载时间、移动设备不足、浏览器兼容性等等。

　　告诉大家这篇文章很有用，可以帮助提高优化技术。主要内容包括清理代码、压缩图片、压缩外部资源、使用CDN等方法。这些方法将增加网站的显著改进和整体性能。

　　1.清理HTML文档

　　超文本标记语言HTML是几乎所有网站的主干。带有标题、副标题、列表和其他文档结构的HTML。在最近更新的HTML5中，你甚至可以创建图表。

　　网页抓取公司很容易识别HTML，所以搜索引擎可以根据网站内容实时更新。写HTML的时候，要尽量简单有效。此外，当在HTML文档中引用外部资源时，需要一些最佳的实用方法。

　　正确放置CSS

　　网页设计者喜欢在网页上建立主HTML框架后创建样式表。这样，网页中的样式表通常放在HTML后面，靠近文档的末尾。但是，推荐的做法是将CSS放在HTML的顶部，放在文档的头部，以确保正常的呈现过程。

　　这种策略不能提高网站的加载速度，但不会让访问者看到空白屏幕或无格式文本(FOUT)。如果网页的大部分可见元素都被加载了，访问者就更有可能等待整个页面的加载，从而优化了前端。这是感性表现。

　　正确放置JavaScript。

　　另一方面，如果将JavaScript放在Head标签或HTML文档的顶部，这将阻止HTML和CSS元素的加载过程。这个错误会导致页面加载增加，增加用户等待时间，容易感到不耐烦，放弃访问网站。但是，您可以通过将JavaScript属性放在HTML的底部来避免这个问题。

　　另外，在使用JavaScript时，人们通常喜欢加载异步脚本。这可能会阻止HTML中标记的表示过程，例如在文档中间。

　　虽然HTML是网页设计师最值得使用的工具之一，但它通常希望与CSS和JavascrIPT一起使用，这可能会导致网页浏览速度缓慢。CSS和JavaScript虽然对网页优化有帮助，但是也要注意一些问题。使用CSS和JavaScript时避免嵌入代码。因为嵌入代码的时候是把CSS放在style标签里，把JavaScript放在Script标签里，这样就增加了每次刷新网页必须加载的HTML代码量。绑定文件？别担心

　　过去，您可能经常将CSS脚本绑定到单个文件中，以在HTML代码中引用外部文件。当使用HTTP1.1协议时，这是一种合理的做法，但是不再需要这个协议。

　　谢谢HTTP/2。现在，您可以使用多通道技术发送和接收HTTP请求和响应，从而异步地通信和接收HTTP请求和响应。

　　图片来源：qnimate.com

　　这意味着您不再需要经常绑定到单个文件的多个脚本。

　　2.优化CSS性能

　　CSS，或者层叠样式表，可以从HTML描述的内容生成专业整洁的文件。很多CSS都是需要引入的(除非你使用内联CSS)，所以必须取cash文件，但是要注意保留它的重要函数。

　　如果你的横幅，插件和布局风格用CSS保存在不同的文件中，访问者的浏览器会加载大量的文件。虽然现在HTTP/2的存在减少了，这个问题的发生减少了，但是加载外部资源的时候还是需要很长时间。要了解如何减少HTTP请求以显著减少加载时间，请阅读WordPress performance。

　　另外，很多站长在网页中使用@import命令引入外部样式表。这是一个updem方法，它将阻止并行下载和浏览。贴标签是最好的选择，也可以提高网站的前端性能。更何况链接标签请求的外部样式表不会阻止并行下载。

　　3.减少外部HTTP请求

　　很多情况下，网站的加载时间大部分来自外部HTTP请求。外部资源的加载速度取决于服务器架构，主机提供商的位置也不同。减少外部请求的第一步是简单地检查网站。研究你网站的每一个组成部分，消除任何影响访问者体验的部分。这些成分可以是：

　　不必要的图片

　　没有使用JavaScript代码。

　　CSS太多。

　　额外插件

　　删除这些冗余组件后，再组织剩下的内容，比如压缩工具、CDN服务和预取，是管理HTTP请求的最佳选择。另外，D.NS路由教程会教你如何逐渐减少外部HTTP请求。

　　4.压缩CSS、JS和HTML

　　压缩技术可以删除文件中多余的字符。在编辑器中编写代码时，你会使用缩进和注释，这无疑会使你的代码简单易读，但它们会给文档增加额外的字节。

　　例如，这是压缩前的代码。10ry-内容p {

　　字号：14px！重要；

　　}。条目内容ul li {字号：14px！重要；

　　}。产品_项目p a {

　　颜色：# 000；

　　填充：10px 0px 0px 0；

　　edge:5px；

　　底部：无；

　　}

　　压缩这段代码后，这个会压缩。10ry-内容P，入门级内容UL {Font-Size:14px！重要}。product _ item p a { color:# 000；填充：10px 0 0edge:5px；底部：无

　　您可以使用压缩工具轻松地修剪CSS、JS和HTML文件。很简单。关于压缩信息，可以看看CSS，JS，HTML怎么压缩。

　　5.使用预先获得的

　　预获取通过在用户真正需要之前实现必要的资源和相关数据，可以提高访问用户的浏览体验。有三种主要的预收购：

　　提前获取链接

　　DNS预获取

　　预渲染

　　在离开当前网页之前，每个链接、CS、图片和脚本都将使用预先获取的模式、URL地址、CSS、图片和脚本进行预定义。这保证了访问者可以在最短的时间内切换屏幕。

　　好在事先得到的东西很容易实现。根据你想要使用的预先获取的表单，你只需要在网站HTML中的link属性中添加rel=" propagate "，rel="DNS-prefetch "，或者rel="prerender "即可。

　　6.使用CDN和缓存来提高速度

　　内容分发网络可以显著提高网站的速度和性能。使用CDN时，可以将站点的静态内容链接到遍布全球的服务器扩展网络。如果你的网站浏览者遍布全球，这个功能非常有用。CDN允许您的网站访问者从最近的服务器加载数据。如果您使用CDN，您网站中的文件将被自动压缩，以便快速发布到世界各地。

　　CDN是一种缓存方式，大大提高了资源分配时间。它还可以实现一些其他的缓存技术，比如浏览器缓存。

　　要合理设置浏览器缓存，让浏览器自动存储一些文件加快传输速度。这个方法的配置可以直接在源服务器的配置文件中完成。