再怎么优化也比不上少放东西 东西放多了一定会卡 就算延迟加载也会卡一些东西 何况一个首页也不是单页面app
google界面上除了一个搜索框没别的了
你要跟几大门户比 光翻页就好几页翻不完 外加一堆乱七八糟的广告 这数据都不是一个量级的 怎么比

这是网易的首页 你感受一下 343个请求 我猜一大半用于广告和统计 还有新闻的略缩图之类

1、使用CDN，使用CDN域名来加载图片、CSS、JS等静态资源

2、CSS压缩、JS压缩，合并，减少文件体积

3、dns-prefetch

4、减少http请求数，比如使用图片CSS_Sprite

5、缓存

6、script async 属性

CDN起了主导作用

前面的答案都是从网络入手的。说几个对浏览器加载优化的：

• 减少重绘和重排
• CSS 优化
• 执行 js 代码的优化

链接：
页面重绘和回流以及优化
JavaScript 的性能优化：加载和执行
CSS 优化、提高性能的方法有哪些？

强烈推荐该文章 https://github.com/fouber/blog/issues/3

看了这么多回答，发现竟然没人提到SEO优化。至于怎么SEO已经有许多的文章了，这里我就不copy了

在业务允许的情况下用icon代替图片 减少http请求

一个点就有很多可以优化的地方
你看，昨天在css conf现场听了奇舞团瓜瓜的web高性能动画，仅仅从优化前端显示动画就加了1个多小时，这还只是拿出来分享部分

提供一些浏览器加载部分的可能的优化选择：

• 可以用CSS3的transform/translate来替代margin实现布局。margin要求浏览器重新计算元素布局，而translate只是单个元素的render过程。
• 减少CSS选择符的层级。比如在写Less文件时，一个错误的习惯是嵌套写选择符，这样虽然在less组织代码的角度来看非常整洁层次化，然而生成出来的css文件内含有大量的多层次选择符，会影响前端效率。事实上建议减少css选择符层级。
• 而对于JavaScript的优化，重点是保证程序的逻辑代码是优化的，这完全取决于对业务逻辑的理解。除此之外，从技术角度来讲，模块化的JavaScript可以减少不必要的JavaScript加载，可以延迟JavaScript文件的加载。例如采取CommonJS的方式。
• 另外html模板在前端的使用非常普遍，可以把它放到js文件中预加载到客户端，减少了多次的请求。这个可以参考html2js: https://www.npmjs.com/package/html2js
• 最后，如果浏览器和Web服务器支持，可以尝试HTTP2协议，能合并减少大量的web请求。

前端工程与性能优化