缩短页面加载时间的方法

说几种缩短页面加载时间的方法

1. 优化图片
   1.优化图片文件,减小其尺寸
2. 图片格式的选择(常用的图片格式：JPEG，GIF，和PNG。)
   1.在同体积(24kb)下,jpeg图片显示效果最好。
   2.gif更适合制作动画。
   3.png对于非常小的 图片(小于5k)适用。
3. 优化css
   1.在合适的地方嵌入少量内联css会更快加载页面。
   2.文件压缩，文件的大小会直接影响浏览器的加载速度，可使用构建工具;webpack,gulp/grunt,rollup等构建工具3.删除代码中无用的css，可以借助Uncss工具移除样式表中无用的css
4. 网址后面加斜杠(" / ")
   1.在网址后面加斜杠，服务器会直接找到要处理的目录，如果后面不加斜杠，服务器会从文件开始找起，使加载时间延长
5. 标明图片高度和宽度
   1.如果不标明宽高，服务器会一边加载一边计算图片大小，图片过多，浏览器要不断调整页面，影响浏览体验，当浏览器知道宽高参数后，即使图片加载不出来，页面也会腾出图片的空位，继续加载后面的内容
6. 减少http请求
   1.减少页面中的元素，网页中的图片,form,flash等元素都会发出http请求，尽量减少页面中非必要元素，可以减少http请求次数。
   2.可以把一些图标制作成精灵图样式，使用background-image,background-position属性显示其中一小部分。
   3.JS文件和CSS文件只有一个，合并脚本和css文件，减少http请求