第二十天：前端优化的方法

<h4>1. 写出5个前端优化的方法，并说明原因 ？</h4> <pre><code class="language-json">1.将 CSS 放再顶部 --- 能加快页面内容显示,并且能避免页面产生白屏。 2.将JS放在底部 --- ①JS会阻塞对其后面内容的呈现；②JS会阻塞对其后面内容的下载。 3.将 JS,CSS 放在外部文件中（代码和样式的分离）--- 便于优化和管理。 4.重置 CSS 文件 --- 清除 HTML 标签默认的属性，让页面按编写者的意愿变化。 5.HTML 尽量使用标准规范的写法 --- 提高渲染引擎的执行效率。 6.对 JS 和 CSS 进行压缩，去重，合并等处理 --- ①减小了文件的体积； ②减小了网 络传输量和带宽占用； ③减小了服务器的处理的压力； ④提高了页面的渲染显示的速 度 。 7.减少页面的图片数目 --- 浏览器拉取页面图片的开销是比较大的，而实际上，我们 的页面为了提升用户体验使用了大量图片，这里我们常采用 cdn 存放，图片合并(几个图片 合成一个，然后使用 css 进行截取片断显示)，永久 cache（存在图片变更的维护成本,工具的 建设等），甚至有些效果是可以用 css 来实现的代替图片 。</code></pre>