前端如何加快首页加载速度

1.不要使布局超载。坚持简约原则：少即是多；

2.尽可能避免使用表格；

3.删除任何不必要的元素；

4.使用良好的结构。减少可扩展性HTML(XHTML)代码，以减少页面大小；

5.压缩和缩小JavaScript、CSS文件；

6.不要包含不必要的JavaScript代码，按需加载JavaScript文件；

7.尽可能延迟脚本加载；

8.验证函数加载验证一个函数是否被加载，如果没有，则加载JavaScript文件；

9.设置图像大小；

10.使用png格式图像png以最佳文件大小提供出色的质量；

11.不要使用图像来表示文本。能用文字图标，就不要使用图片图标；

12.检查孤立的文件和丢失的图像；

13.保持Ajax调用简短，准确；

14.使用内容分布网络将一些静态图像分离到其他服务其中，减少CDN加载；

15.对资产使用多个域来增加连接CDN的另外一个优势是他们是独立的域。单一的域很容易 占满所有线程，因此， 到其他资产的连接被延迟；

16.在合适的时候使用Google Gears使用Google Gears是避免用户反复下载同一内容；

17.将css图像映射用于装饰功能；

18.检查cookie使用情况；

19.使用http压缩，并始终使用小写的div和类名；