为什么要优化网站
在此之前，先说说为什么要优化网站。
我觉得主要有两个方面。
一、为了提高用户的浏览体验，我不认为任何用户在访问网站时会在几秒钟后加载网站页面。这时候网站的优化就是优化性能和交互，让用户喜欢网站，让网站更友好。
二、为了提高网站排名，做网站最大的目的就是展示信息，那么如何更好的展示信息呢？这里需要对网站进行搜索引擎优化(SEO)，通过优化提高浏览器在搜索引擎中的排名，优先展示自己的网站。
下面就来说说如何优化网站的性能
性能优化只是为了提高浏览器的加载速度和渲染速度。
性能优化主要包括两个方面:
网络请求优化
减少HTTP请求:在加载时确定加载顺序非常重要。通过加载顺序，可以确定哪些请求可以先加载，哪些可以在页面渲染后加载，从而提高用户体验，减少HTTP加载时间。
减小cookie的大小:cookie中的信息放在HTTP请求头中，在服务器和浏览器之间传递。存储的cookie越大，请求完成的时间就越长。因此，有必要通过减小cookie的大小来减少用户的响应时间。
使用CDN和DNS:CDN是一个内容分发网络，主要解决如何快速可靠地将数据发送给用户。通过CDN分发，用户可以从更好的服务器获取资源，而不必从源站获取资源，实现快速访问。DNS是域名系统，是互联网的一项服务，可以减少用户的等待时间，提高用户体验(关于CDN和DNS优化的详细内容，请参考前端项目性能分析中的DNS和CDN缓存)
静态资源加载优化
将样式放在页面顶部，JS放在页面底部:当用户进入一个网页时，首先看到的是内容，浏览器会在渲染页面之前下载所有的css。将样式放在头部可以加快浏览器的渲染速度，而将脚本放在底部则是先渲染内容再渲染交互。
少用css表达式，虽然css表达式带来了很多便利，但同时在计算css表达式的时候会损失性能。
在html中引入css时，不使用link @import:link是html模式，@ import是css模式，link最大限度支持并行下载。@import嵌套过多会导致串行下载，造成文档样式短期失效，影响用户体验。
图片的优化:图片的加载也会影响浏览器的渲染。我们可以使用sprite图像一次加载多个图像，通过减少http请求来提高渲染速度。当图像较小时，我们可以使用base64格式加载图像，而当图像较大时，我们可以对其进行压缩，也可以根据可视区域的判断选择懒人加载。
将代码打包以减少代码量。
最后，我们来谈谈搜索引擎优化
搜索引擎优化的目的是增加网站权重，增加流量，提升体验。
合理的标题、描述、关键词:通过设置标题描述关键词，蜘蛛可以更好的抓取。
语义:代码要符合w3c规范，可以让搜索引擎更容易理解网页。
扁平化目录结构:网站的结构层次越少，越容易被蜘蛛抓取，从而被收录。搜索引擎优化可以通过优化目录结构来进行。
谨慎使用iframe:搜索引擎不会抓取iframe中的内容。
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权本站发表，未经许可，不得转载。
