服务器优化使用内容分发网络（CDN）（）

　　服务器优化使用内容分发网络（CDN）（）

　　服务器优化

　　使用内容分发网络 (CDN)。将网站内容分发到位于不同地理位置的多台服务器，可以加快下载速度。

　　GZIP 压缩

　　Set ETag：ETags（实体标签）是网络服务器和浏览器用来判断浏览器缓存中的内容是否与服务器中的原创内容匹配的机制。

　　提前刷新缓冲区

　　对 Ajax 请求使用 GET 方法

　　避免空图片src

　　Cookie 优化

　　减小 cookie 大小

　　为网络组件使用独立于域的 cookie

　　CSS 优化

　　将 CSS 代码放在 HTML 页面的顶部

　　避免使用 CSS 表达式

　　用@import代替

　　避免使用过滤器

　　javascript优化

　　将 JavaScript 脚本放在页面底部。

　　引用 JavaScript 和 CSS 作为外部文件。在实际应用中使用外部文件可以提高页面速度，因为 JavaScript 和 CSS 文件都可以缓存在浏览器中。

　　缩小 JavaScript 和 CSS

　　删除重复的脚本

　　最小化 DOM 访问。使用 JavaScript 访问 DOM 元素很慢。

　　开发智能事件处理程序

　　javascript代码注意事项：小心使用with，避免使用eval函数，减少作用域链查找。

　　图片优化

　　优化图片大小

　　通过 CSS Sprites 优化图片

　　不要在 HTML 中使用缩放图像

　　favicon.ico 应该很小并且可以缓存

　　SEO优化

　　合理的标题、描述、关键词：三项搜索的权重要一一降低，标题值可以强调重点，重要的关键词不要出现超过两次，并且应该更高，不同页面的标题应该不同； description对页面内容进行高层次的概括，长度合适，不能过分关键词，不同的页面描述不一样；关键字可以列出重要的关键词

　　语义HTML代码符合W3C规范：语义代码使搜索引擎更容易理解网页

　　重要内容HTML代码先放：搜索引擎从上到下抓取HTML顺序，部分搜索引擎对抓取长度有限制，保证重要内容被抓取

　　不要用js输出重要内容：爬虫不会执行js去获取内容

　　使用较少的 iframes：搜索引擎不会抓取 iframes 中的内容

　　非装饰图片必须加Alt

　　提高网站speed：网站speed是搜索引擎排名的重要指标

　　Webpack 优化点

　　代码压缩插件 UglifyJsPlugin

　　服务器启用 gzip 压缩

　　按需加载资源文件 require.ensure

　　优化devtool中的source-map

　　剥离css文件并单独打包

　　去掉不必要的插件，通常是开发环境和生产环境使用同一套配置文件造成的

　　开发环境不做提取css计算文件hash等无意义的工作

　　配置开发工具

　　优化构建时的搜索路径，指定需要构建目录和不需要构建目录

　　其他优化点

　　为什么网站资源多域名存储更有效？

　　CDN缓存更方便

　　突破浏览器并发限制

　　节省 cookie 带宽

　　节省主域名连接数，优化页面响应速度

　　防止不必要的安全问题