开发互联网产品的优化要求
2015-06-28 22:06
726 查看
最少请求数:
TAB页异步加载或延迟加载;
合并JS/CSS文件;
CSS Sprites CSS图像地图;
统一公用JS/CSS文件;
合并Ajax请求;
避免重定向;
减少iframe请求;
头像、图片滚屏延迟加载;
不重要的页面模块异步加载;
多级Cache。
最快请求速度:
设置长时间缓存;
尽量使用请求可缓存;
Cookie隔离;
动态、静态应用分离;
按类型选择合适的Web服务器;
适当使用多域名增加并行下载;
设置Gzip压缩;
多IDC部署、动态内部代理;
使用CDN网络;
提高IP库定位能力;
图片质量压缩,使用PNG8;
图片预加载;
JS/CSS混淆;
压缩页面代码;
统一公用的JS库代码和应用代码;
减少Cookie大小;
逻辑层协议合并、并行处理;
数据、索引内存、SSD并行写。
最快可见可用:
首屏优化原则;
减少元素数量、Size;
HTML、CSS、JS代码减肥;
JS性能优化 DIV+CSS布局;
优化,避免使用CSS表达式;
CSS Sprites合屏分屏 CSS、JS;
位于页面底部的JS并行下载;
避免复杂的JS循环计算;
统一JS放在页面最尾处;
按需加载、异步加载、延迟加载、预加载;
后台尽快输出HTML代码。
互联网时代,成败输赢真的就在一秒、甚至是几毫秒之间。你的首屏打开速度比别人慢几毫秒,那别人就会比你拥有更多的用户,所以好的产品,一定要做到快。
JS是网页性能杀手,一个新手写的JS代码、或者是杂乱排放的JS代码,会整体拖垮你网站的体验;
配置Gzip压缩,能够能够压缩至百分之80,能够大大减少服务端压力;
延迟加载、预加载,总而言之,一定要做到按需加载。
TAB页异步加载或延迟加载;
合并JS/CSS文件;
CSS Sprites CSS图像地图;
统一公用JS/CSS文件;
合并Ajax请求;
避免重定向;
减少iframe请求;
头像、图片滚屏延迟加载;
不重要的页面模块异步加载;
多级Cache。
最快请求速度:
设置长时间缓存;
尽量使用请求可缓存;
Cookie隔离;
动态、静态应用分离;
按类型选择合适的Web服务器;
适当使用多域名增加并行下载;
设置Gzip压缩;
多IDC部署、动态内部代理;
使用CDN网络;
提高IP库定位能力;
图片质量压缩,使用PNG8;
图片预加载;
JS/CSS混淆;
压缩页面代码;
统一公用的JS库代码和应用代码;
减少Cookie大小;
逻辑层协议合并、并行处理;
数据、索引内存、SSD并行写。
最快可见可用:
首屏优化原则;
减少元素数量、Size;
HTML、CSS、JS代码减肥;
JS性能优化 DIV+CSS布局;
优化,避免使用CSS表达式;
CSS Sprites合屏分屏 CSS、JS;
位于页面底部的JS并行下载;
避免复杂的JS循环计算;
统一JS放在页面最尾处;
按需加载、异步加载、延迟加载、预加载;
后台尽快输出HTML代码。
互联网时代,成败输赢真的就在一秒、甚至是几毫秒之间。你的首屏打开速度比别人慢几毫秒,那别人就会比你拥有更多的用户,所以好的产品,一定要做到快。
JS是网页性能杀手,一个新手写的JS代码、或者是杂乱排放的JS代码,会整体拖垮你网站的体验;
配置Gzip压缩,能够能够压缩至百分之80,能够大大减少服务端压力;
延迟加载、预加载,总而言之,一定要做到按需加载。
相关文章推荐
- 关于互联网的一些看过或正在看的好的资料
- 万众创业,互联网+,WTO
- 入职互联网行业两个月
- 入职互联网公司一个月
- 不熟悉互联网运营体系,则永远感觉是个渣
- 中国发展互联网+制造业的未来:打破企业边界
- 中国上市公司价值排名100强名单
- 口碑网重生上头条 阿里巴巴和蚂蚁金服注资 60亿
- 互联网产品创新从哪来
- 互联网思维
- 押宝机器人 能给马云什么未来?
- 沟通的仪式
- “互联网+”生活中的六大风险
- 想了23年后,马云开了家什么银行?
- 谈谈互联网圈内幕交易的那些事儿
- 港中大汤晓鸥教授团队超越谷歌破互联网物体检测世界纪录
- 中国参与互联网下一代根服务器建设
- 美国最神秘的互联网公司 干掉本·拉登的大功臣
- 互联网时代高清视频直播系统的应用
- 被金融和互联网双杀,工科人该怎么办?