页面加载性能之文本内容

文本内容主要包含：HTML，CSS，JavaScript。

在web页面里，每一个字符都是要从服务器获取的，本文档主要讲述如何提高文本内容的加载速度。

分离开发和线上环境

若是你为了减少资源大小采起了一些措施，而影响到可读性，必定要记住当你直接修改线上代码的时候，以后可能没法理解当初为何这么改。

因此常常性，咱们会把开发和线上两个环境分离，开发环境是可读性良好的代码，线上则是采起了优化措施以后的可读性差的代码。

缩小代码体积

一个简单有效的方法就是移出多余的空格和没必要要的字符，虽然咱们读起来会吃力，但浏览器能看懂就行。

HTML，CSS，JavaScript均可以应用这种方式。

常见的工具

• Minifier: 在线压缩JavaScript和CSS，经过复制和黏贴的方式
• HTML Minifier: 同上
• Node module for Grunt
• Node module for Gulp
• Node module for HTML Minifier

压缩文本资源

经常使用的是gzip的压缩，浏览器普遍支持，能够节省近70%的体积。

即便是已经压缩过的文件，gzip也可以进一步压缩。常见的作法是，先用工具压缩代码，再由服务器提供gzip压缩。

减小没必要要的库依赖

为了使用某个功能，而引入一整个库，例如：想使用jQuery的toggleClass，能够直接引入单个方法，而没必要要引入整个jQuery

总结

虽然一些大致积的资源，如图片，字体等是咱们最关心的优化项，但也不能忽略了文本内容，毕竟文本内容才是网页的主体。

参考

https://developers.google.com...