1、减少HTTP请求达到性加粗样式能优化
改善响应时间的最简单方法是减少HTTP请求的数量。
2、使用字体图标
在可以大量使用字体图标的地方，可以尽可能地使用字体图标。 字体图标可以大幅减少图像的使用，减少http请求。 字体图标还可以在CSS中设置颜色和大小等样式。 祝你玩得开心。
3、合并脚本和样式表
将多个样式表或脚本文件组合到一个文件中可以减少HTTP请求的数量，并缩短效果时间。 但是，如果合并所有样式文件或脚本文件，则加载一个页面时可能会加载过多的样式或脚本，而对于只访问该站点的一个或多个页面的人来说，这反而会导致下载
4、CSS Sprites技术
css Sprites是国内很多人称为CSS向导的网页图像APP处理方式。 这样，就可以将一个页面中包含的所有零散图像包含在一张大图上，从CSS background的背景中找到技术技巧并对网页的背景进行布局。 这样，特别是对于图像较多的网站，如果CSS sprite可以减少图像的数量，将会提高速度。
5、页面渲染优化
创建前端页面时，请将CSS资源引用代码放在HTML文件的开头。 这样，浏览器可以优先下载CSS，并尽快完成页面呈现。 通过将JavaScript引用代码放在HTML文件的底部，防止加载和分析JS阻止页面渲染！
6、手机端优化
移动端访问时，不一定有WiFi，有时网络速度会变慢，因此为了尽快完成页面的加载，需要将顶层屏幕的加载资源最小化。 可以采用异步加载或滚动加载，而不是首页数据。
7、页面缓存优化
通过合理利用浏览器缓存，可以大大提高页面中静态资源的加载速度
8、图片优化
在手机端很重要，所以尽量不要以原图的形式直接使用。 那是因为会消耗流量，加载时间会变长。 使用小图像或压缩图像不仅可以尽快完成加载，还可以节省流量。 以上就是我分享的Web前端页面优化的诀窍。 优化前端页面是前端工程师在工作中经常处理的问题之一，前端工程师能做的更多。