随笔分类 -  前端性能

深圳市彩讯科技有限公司 急招前端重构师
摘要：公司简介：深圳市彩讯科技有限公司公司网址：http://www.richinfo.cn/index.php公司产品：http://www.richinfo.cn/products.php岗位职责：参与负责中国移动139邮箱WEB标准版、企邮邮箱WEB标准版、邮箱WEBAPP版本的前端页面构建。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户 阅读全文
posted @ 2013-10-19 16:18 radom 阅读(715) 评论(0) 推荐(0)
浅谈图片优化的方法
摘要：在新浪微博博客看到关于图片优化文章，讲解的不错，于是转载之。在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面重构师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面的知识：1.矢量图与位图。矢量图：缩放、旋转不失真的图像格式，不管你离多近去看都看不到图形的最小单位。存储的文件较小，但是很难表现色彩层次丰富的逼真图像效果。你可以理解成完美的圆型、抛物线等形状。位图：又叫栅格图、像素图，最小单位由像素构成，缩放、旋转会失真。举 阅读全文
posted @ 2012-07-25 22:05 radom 阅读(3745) 评论(1) 推荐(0)
FOUC - Flash Of Unstyled Content 文档样式闪烁
摘要：问题描述偶然间看到FOUC这个单词，在Google里找了半天终于发现了它的含义：Flash Of Unstyled Content。它指的是在某些情况下，IE在加载网页时会出现短暂的CSS样式失效。这种问题出现的条件是比较独特的：1. 只发生在Windows上的IE（5.0版本以上）2. 只发生在那些会出现FOUC现象的网页3. IE的临时文件夹中没有缓存过该页面的CSS文件现在用IE访问这个页面，就可以看到FOUC发生的时候的情况（当然前提是你之前没有访问过它，否则可能需要清空IE的临时文件夹再访问）。这个页面的特殊之处在于它的<head>标签里是没有任何的<link> 阅读全文
posted @ 2012-06-23 14:24 radom 阅读(2073) 评论(0) 推荐(0)
再谈Yahoo关于性能优化的N条军规
摘要：本来这是个老生常谈的问题，上周自成又分享了一些性能优化的建议，我这里再做一个全面的Tips整理，谨作为查阅型的文档，不妥之处，还请指正；如果你已经对yahoo这些优化建议烂熟于心，果断点这里一、 Yahoo的军规条例：谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等；详细的解释来这里查：http://developer.yahoo.com/performance/rules.html也可以直接firebug上一项项比对，如下图：简单翻译解释下：1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这 阅读全文
posted @ 2011-07-23 10:00 radom 阅读(420) 评论(0) 推荐(2)
YSlow使用指南_最新2.0使用指南中文版
摘要：YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“，发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助，希望给初次使用Yslow的朋友一些帮助。注：英文不是很好，对着翻译软件翻译的，有不对的地方，大家指正。安装 YSlow先安装 Firebug https://addons.mozilla.org/en-US/firefox/addon/1843Firebug 帮助文档 http://www.getfirebug.com/docs.html.再下载安装 http://developer.yahoo 阅读全文
posted @ 2010-07-05 00:03 radom 阅读(1635) 评论(0) 推荐(1)
web2.0网站的性能优化方法[作者：everfly]
摘要：一、前端优化网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面，我只是从实际经历出发，分享一下自己所尝试过的网站性能优化方法。之所以在标题上挂一个web2.0，是因为本文更偏重于中小网站的性能优化，我所使用的系统也是典型web2.0的LAMP架构。首先讲讲前端的优化，用户访问网页的等待时间，有80%是发生在浏览器前端，特别是页面和页面中各种元素（图片、CSS、Javascript、flash…）的下载之上。因此在很多情况下，相对于把大量的时间花在艰苦而繁杂的程序改进上，前端的优化往往能起到事半功倍的作用。雅虎最近将内部使用的性能测试工具yslow向第三方公开，并发布了 阅读全文
posted @ 2010-06-25 16:30 radom 阅读(850) 评论(1) 推荐(0)