网站开发

包含所有网站建设开发相关的教程内容,如CSS教程、JS教程、html教程,服务器配置,域名空间的购买教程。

Web前端性能优化方法

发表于:2019-03-20 18:50:52 | 点击: | 栏目:

网站开发

收藏(0)

Web前端性能优化主要方法分为2个,资源合并与压缩。主要功能是减少http请求数量,减少请求资源的大小。

具体方法

HTML压缩:注释也可被压缩,无效代码删除,css 语义合并。

JS压缩:无效字符的删除;剔除注释,代码语义的缩减和优化

文件合并:文件合并与不合并对比,公共库合并

图片相关的优化:每种图片格式都有自己的特点,针对不同的业务场景选择不同的图片格式很重要

CSS雪碧图:把你的网站上用到的一些图片整合到一张单独的图片中

WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。

猜您喜欢
相关信息