Chrome
-
谷歌Chrome Accelerated Mobile Pages（AMP)提升网页的加载速度
谷歌日前发布了一项名为Accelerated Mobile Pages（简称AMP）的技术，该技术将极大提升网页的加载速度。 根据谷歌的描述，AMP通过限制一些容易拖慢网页加载速度…
-
H5 缓存机制浅析 移动端 Web 加载性能优化
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 w…
-
10个优秀的Javascript的音频库
Web和Web浏览器在过去几年取得了快速的进步，这些进步与新技术通常被认识是HTML5达到的惊人的成果。然而，在这些新技术中，音频任然是不足的。尽管谷歌开了WEB音频API，使我们…
-
CSS开启硬件加速来提高网站性能
在桌面端和移动端用CSS开启硬件加速 CSS animations, transforms 以及 transitions 不会自动开启GPU加速，而是由浏览器的缓慢的软件渲染引擎来…
-
移动端适配方案(上)
要搞懂移动端的适配问题，就要先搞明白像素和视口。 像素 在移动端给一个元素设置 width:200px 时发生了什么？这里的px到底是多长呢？像素是网页布局的基础，但是我们一直在用…
-
Firefox&Chrome默认字体的渲染差异
Firefox&Chrome在字体渲染的时候会存在一些差异，比如对 font-weight 的渲染。孤陋寡闻的我之前一直没注意，为了更清楚的说明问题，我做了以下测试。 首先…
-
HTML5、Web引擎与跨平台移动App开发
HTML5、Web引擎与跨平台移动App开发 移动端跨平台应用开发是个有趣的话题。纵观该领域目前各个开发商提供的多种方案，大致可以分为三大类： 基于HTML5的方案。该方案以Pho…
-
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定…
-
关于请求被挂起页面加载缓慢问题的追查
有用户反馈内部MIS系统慢，页面加载耗时长。前端同学们开组会提及此事，如何解决慢的问题。 最致命的是：偶发！你不能准确知道它抽风的时间点，无法在想要追查问题的时候必现它。这只是一方…
-
Favicon示例，最佳实践和技术
您是否曾经关注过浏览器标签顶部的那些小图标？如何在网上保存网站或页面的快捷方式？这些微小的图像或网站图标是专门为此目的而设计的。 好的小图标的好坏之间有明显的不同。您会认为微不足道…