这一部分我就想到什么写什么。
IMG标签表明图片尺寸
在放置IMG标签的时候，保持图片大小与实际需要显示的大小一致，如果将1000800的图片显示成10080的话，不仅显示效果差，下载图片也会消耗很多时间，浏览器还要对这大图进行缩放。
减小图片尺寸
很多图片其实是可以被减小的，我在使用PS对图片输出的时候都会在显示与品质上寻找一个平衡点，试着将图片调色板设为256色或更小，这样可以大幅度减少图片大小让加载时间缩短。
css sprite
将许多小图标聚合在一张图片上，通过css的background-position来定位，这样可以减少HTTP请求节省资源。实际开发过程中可以使用一些自动化工具来完成，gulp上也有对应的插件来自动合并图片，开发者在写css的时候正常书写即可。
使用CDN
有不少公司提供了自建的CDN，我们可以直接使用第三方的CDN资源，使用CND会通过地理位置最近的用户传输内容，可以大幅度减少网络延时。当然别人的CND服务要是挂了也就麻烦了，不过概率极低，推荐使用。
缓存文件
这个主要是靠后端来设置过期时间。前端的话，有一个HTML5的manifest来使用离线应用缓存，这种技术基本就是让你提供一个清单文件列出需要缓存的资源，然后在HTML标签上添加 manifest='xxxxx.manifest' 来声明。
具体的用法及信息可以访问 https://www.w3.org/TR/2015/WD-appmanifest-20151124/
想要使用最新的被缓存的内容的时候，可以给文件加上时间戳来解决。
合并CSS、JS(合并与压缩)
合并这些文件的原因当然是减少HTTP请求，现代前端开发中基本都会用到一些自动化工具来完成，gulp啊，webpack啊，grunt啦等等都可以做到。JS的压缩通过这些工具也都可以完美的做到，压缩之后的文件会减少很多的文件大小。
尽量使用外部JS与css
将CSS与js放在外部文件中，可以方便的对他们进行缓存与修改，HTML文件尺寸也会变小，加上缓存之后重新加载页面速度也会更快。
抛弃CSS表达式
CSS表达式早就被抛弃了，反正我到现在也没用过。。。。
要做一些计算啥的，less啊，sass啊这类预编译CSS的很不错。
GZIP压缩
相当有用的服务器压缩方式啊，尤其是在做SPA应用的时候，GZIP的压缩真的可以大幅度加快应用的加载时间，当然这个也是在服务器上操作的。
待续
网友评论