参考解答
1. 优化图片
2. 图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方)
3. 优化 CSS(压缩合并 css,如 margin-top, margin-left...)
4. 网址后加斜杠(如 www.campr.com/目录,会判断这个目录是什么文件类型,或者是目录。)
5. 标明高度和宽度(如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多, 浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。 当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载 后面的内容。从而加载时间快了,浏览体验也更好了)
6. 减少 http 请求(合并文件,合并图片)
相似问题
可以使用哪些工具来测试代码的性能?
可以使用哪些工具来测试代码的性能?
什么是 CSS sprites?
什么是CSS sprites?
DOM 操作怎样添加 移除 移动 复制 创建和查找节点?
DOM 操作怎样添加、移除、移动、复制、创建和查找节点?
有多少种 Doctype 文档类型?
有多少种 Doctype 文档类型?
什么是浮动?浮动的工作原理是什么?清除浮动的技巧有哪些?
什么是浮动?浮动的工作原理是什么?清除浮动的技巧有哪些?
