SEO优化现在已经成了企业之间的大趋势潮流，首先它是真的可以给企业带来很多流量，也十分便于操作，那么今天小编就跟大家聊一聊网站优化的前端优化技术，请继续往下看吧

1、 削减外部HTTP请求在许多情况下，大多数站点加载时间来自外部HTTP请求。外部资源的加载速度取决于服务器体系结构和主机供给程序的方位。削减外部请求是简单地检查站点。研讨网站的每一个部分，以消除任何影响访问者体验的负面要素。这些成分或许是：1。不必要的图片2。无用的JavaScript代码3。css4太多。冗余插件删去这些冗余组件后，再安排其他内容，如压缩工具、CDN服务和预取，这是办理HTTP请求的挑选。此外，削减DNS路由搜索教程将教您怎么逐渐削减外部HTTP请求。

2、 压缩CSS、JS和HTML能够从文件中删去额定的字符。在编辑器中编写代码时，将运用缩进和注释。这些办法无疑会使您的代码简练易读，但它们也会给文档增加额定的字节。例如，这是压缩前的一段代码。

运用压缩工具，您能够简单地从CSS、JS和HTML文件中删去无用的字节。有关压缩的信息，请参见怎么压缩CSS、JS和HTML。

3、 预获取能够在用户真实需要之前获取必要的资源和相关数据，然后改进用户的浏览体验。预采集有三种类型：1。链路预采集2。DNS预获取3。预烘托脱离当时网页前，运用预获取的办法，对应每个链接的URL地址，CSS，图片和脚本将先预获取。这保证了访问者能够运用链接在最短时间内在屏幕之间切换。走运的是，预收购很简单完成。根据要运用的预取表单，您只需将rel=“prefetch”、rel=“DNS prefetch”或rel=“prerender”标记增加到网站HTML中的链接属性。

4、 运用CDN和cache提高内容分发网络的速度，能够明显提高网站的速度和功用。运用CDN时，能够将网站的静态内容链接到世界各地的服务器以扩展网络。假如你有全球的听众，这很有用。CDN允许站点访问者从最近的服务器加载数据。假如您运用CDN，您站点上的文件将自动压缩，以便在世界各地快速分发。CDN是一种缓存办法，能够大大提高资源的分发时间。一起，它还能够完成一些其他的缓存技能，如浏览器缓存。合理设置浏览器缓存能够使浏览器自动存储一些文件，然后加速传输速度。此办法的装备能够直接在源服务器的装备文件中完成。要了解有关缓存和不同类型缓存办法的详细信息，请参阅缓存定义。

5、 压缩文件虽然许多CDN服务能够压缩文件，但是假如不运用CDN，也能够考虑在源服务器上运用文件压缩来改进前端优化。文件压缩能够使网站的内容更轻松，更易于办理。最常用的文件压缩办法之一是gzip。这是缩小文档、音频文件、PNG图画和其他大文件的好办法。Brotli是一种比较新的文件压缩算法，越来越盛行。这种开源算法，它是由谷歌和其他安排的软件工程师定时更新的，现已证明比其他现有的压缩办法更好。目前，该算法的支撑度相对较小，但作为一颗冉冉升起的新星，它的支撑度还仅仅指日可下。

6、 优化图片关于那些不知道怎么优化前端的人来说，图片或许是个“网站杀手”。很多的相册和高清图画会阻止网页的烘托速度。未经优化的高清图片或许具有兆字节（MB）。因而，对它们进行恰当的优化能够提高web页面的前端功用。每个图画文件都包含与相片或图片无关的信息。例如，JPEG图画包含日期、方位、相机型号和其他不相关的信息。能够运用优化工具（如Optimus）删去冗余图画数据，以简化图画加载进程。由于Optimus是一种无损的图画压缩工具，它不会影响图画质量，只需压缩图画的体积。另外，假如想进一步优化图画，能够运用有损压缩，这样会删去图画中的一些数据，因而质量会受损。

7、运用轻量级结构，除非你只运用现有的编码知识来构建网站，你能够测验运用一个好的前端结构来防止许多不必要的前端优化错误。虽然有更大、更闻名的结构供给更多的功用和选项，但它们不一定适合您的web项目。因而，不仅要确定项目所需的功用，并且要挑选正确的结构——在供给所需功用的一起坚持重量轻是很重要的。最近，许多结构运用简单的HTML、CSS和JavaScript代码。这里有几个轻量级结构来加速阅读速度：1。Pure2号。骷髅3。Milligram结构不能取代web规划、编程和保护。关于一个简单的比如，我们假设结构是一个新房子。房子干净整洁，但空荡荡的。当你增加家具、电器和装饰品时，你的职责是保证房子不会变得杂乱。类似地，当您运用一个结构时，您有职责保证它不会被冗余代码、大图画和过多的HTTP请求破坏。