性能优化与兼容
关注
分享
扫一扫
wenmin1987
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
图片的压缩---使用canvas进行压缩2
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...原创 2020-06-28 18:22:20 · 861 阅读 · 0 评论 -
图片的压缩---使用canvas进行压缩（简洁版）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&...原创 2020-06-28 18:11:37 · 640 阅读 · 0 评论 -
API测试与兼容---性能检测工具
性能检测工具------- 国外： YSlow:23条性能军规，打分制，提供浏览器插件 WebPageTest：真实浏览器，多地区，视屏截图 GooglePageSpeed：真实浏览器，移动端 国内： 性能魔方（推荐）：多地区 运营商 多角度 优化建议---http://www....原创 2018-12-19 15:12:17 · 998 阅读 · 0 评论 -
性能优化------浏览器端
浏览器性能优化更重要 Time Retrieving HTML 10%-20%----花在下载主文档的时间 Time Elsewhere 80%左右---花在引用资源的时间 19条优化规则： 规则1：把CSS放在HEAD中加载 能让页面更早的开始渲染，避免闪屏 最好能包含关键渲染路径的样式：首屏（...原创 2018-12-19 15:49:07 · 300 阅读 · 1 评论 -
性能优化-----服务器端
web网站优化性能优化10条规则1：减小网络请求 合并请求：包括js、css 合成一个（前端） 使用雪碧图：css Sprite（前端） 使用地图：HTML Map 内联小图片：Base64Encode（前端，1T以内的）规则2：使用内容分发网络CDN 地理上离用户最近 专业的公司提供服务（如国内的阿里云 网速科技 级联 蓝讯 ，国外的爱克讯）...原创 2018-12-19 15:52:48 · 250 阅读 · 0 评论