随笔分类 - 网站优化
摘要：[Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while
阅读全文
摘要：html5中给script标签引入了 async 和 defer 属性。 原理：带有async属性的script标签，会在浏览器解析时立即下载脚本同时不阻塞后续的document渲染和script加载等事件，从而实现脚本的异步加载。 使用：带有defer属性的script标签，和async拥有类似的
阅读全文
摘要：在引入你自己的less文件的时候 之后再引入： 作用：把自己的less文件在客户端浏览器编译后的结果是css文件格式。 cdn地址： http://www.bootcdn.cn/less.js/
阅读全文
摘要：上代码： 这段代码放到HTML文档的</body>标签之前（靠近HTML文档底部）。外部脚本的名称为defer.js。 参考： http://www.cnblogs.com/yangyoucun/p/6337360.html#undefined
阅读全文
摘要：参考文章： https://www.w3ctech.com/topic/1930 前端性能优化可以分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上越发没有这么明显，所以很多小团队只会做到了第一个level 追求极致的前端性能体验，提升自己的level
阅读全文
摘要：移动端 1.meta声明：还有很多meta声明，常用的筛选过，基本这些； <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8"> <meta name ="viewport" content ="initial-
阅读全文
摘要：-PC 一，meta *{ margin:0; padding:0;} body{ font-size:14px; font-family:微软雅黑;font-style:normal;} a{ text-decoration:none} a,a:hover{ transition:backgrou
阅读全文
摘要：样式表(css)格式整理与压缩 ：http://www.cnblogs.com/jikey/archive/2010/04/19/1715474.html 站长工具 ：http://tool.chinaz.com/tools/htmlcodecov.aspx
阅读全文
摘要：http://screensiz.es/tablet 查看手机，平板，电脑各个尺寸。 StatCounter原统计数据查看当今浏览器以及pc屏幕分辨率占比，可作为适配尺寸时的参考。 苹果的各种尺寸：http://tool.lanrentuku.com/guifan/ui.html 安卓的各种尺寸：h
阅读全文
摘要：首先，处理字体，在网页：https://www.fontsquirrel.com/tools/webfont-generator 目前，@ font-face的支持 Firefox Opera Chrome Safari Internet Explorer 9 在旧的浏览器使用@ font-face
阅读全文
摘要：图片应做成响应式、(大尺寸图片建议)使用渐进式JPEG、使用mozJPEG，tinyPNG等工具对图片进行压缩; 压缩工具： http://c7sky.com/kraken-io-image-optimizer.html 这里主要讲类似于bannner等大图优化加载问题； 压缩工具： -TinyPN
阅读全文
