前端优化:9 个技巧,提高 Web 性能( 六 )

Brotli是一个比较新的文件压缩算法 , 目前正变得越来越受欢迎 。 此开放源代码算法由来自Google和其他组织的软件工程师定期更新 , 现已被证明比其他现有压缩方法更好用 。 这种算法的支持目前还比较少 , 但作为后起之秀指日可待 。

了解更多信息 , 请阅读我们有关Brotli压缩的完整文章 。

8.优化你的图片

对于那些不懂得前端优化的人来说 , 图片可能会是一个“网站杀手” 。 大量的写真集和庞大的高清图片会阻塞网页渲染速度 。 没有优化的高清图片可能会有几兆字节(mb) 。 因此适当地对它们进行优化可以改善网页的前端性能 。

每个图像文件都包含了一些与纯照片或图片无关的信息 。 比如JPEG图片 , 它包含了日期、地点、相机型号和一些其他不相关的信息 。 前端优化你可以用一些如Optimus的优化工具来删除这些多余的图像数据来精简图像的冗长的加载过程 。 因为Optimus是一个无损的图片压缩工具 , 它不会影响图像画质 , 只是压缩图片体积 。

前端优化:9 个技巧,提高 Web 性能

----前端优化:9 个技巧 , 提高 Web 性能//----江苏龙网 http://www.jiangsulong.com //

另外 , 如果你想进一步的优化一张图片 , 你可以使用有损压缩 , 它会删除一些图片里面的数据 , 因此质量会受损 。

进一步的学习有损和无损压缩之间的区别 , 请阅读我们完整的教程 。


推荐阅读