前端性能优化
文章平均质量分 83
BorisHuai
Web前端工程师,Augmentum。
展开
-
Wordpress性能优化
去取模板中大量的读数据库操作在模板中(尤其是header.php)存在大量的bloginfo()函数,例如bloginfo("url"), bloginfo("stylesheet_directory"), bloginfo("title")等,每次调用bloginfo()函数都会访问一次数据库,最简单的方法是硬编码(hard code), 就是说用类似"www.abc.com"来替换blog原创 2010-05-15 15:39:00 · 1347 阅读 · 0 评论 -
CSS性能优化探讨
大部分前端开发人员都不关心CSS性能优化,其实对于一个复杂的页面来说,高效的选择器还是可以带来一定的性能提升的。1. CSS 选择器浏览器是“从右往左”来分析 class 的,它的匹配规则是从右向左来进行匹配的,因此最右边的选择符就是关键选择符。Descendant selector#toc > li {font-weight: bold}浏览器首先会查找页面上所有的“原创 2013-03-14 10:34:07 · 4977 阅读 · 2 评论 -
Web页面Repaint和Reflow
1. Repaintrepaint(重绘)是在一个元素的外观被改变,但没有改变布局的情况下发生,如改变visibility、outline、前景色。当repaint发生时,浏览器会验证DOM树上的所有其它结点的visibility属性。2. Reflow如果变化涉及元素布局 (如 width), 浏览器则抛弃原有属性, 重新计算并把结果传递给 render 以重新描绘页面元素, 此过程原创 2013-03-14 10:41:02 · 3124 阅读 · 0 评论 -
基于GruntJS的前端性能优化
本文主要如何使用GruntJS来作简单的前端性能优化的自动化处理,主要有图片的压缩,JS和CSS的合并、压缩,对所有静态文件的文件根据其内容加上hash,然后把CSS、HTML等文件中对所有的静态文件名替换成加上hash的新文件名。原创 2014-08-14 18:35:43 · 2870 阅读 · 0 评论