// 前端时间在 ookong.com 实习了一段时间,我应聘的是 PHP,但是 php 基础的问题,导致我后来主要做网站前端的工作。 // 我不是做设计的,所以我的前端的工作可能比常规的前端少了设计。:)。我做得是一些 html,js 之类的。 // ookong.com 的前端大部分是我做得吧,:)。从 html 到 js,以及最后的网站性能优化。其实前端时间做完就想写篇文章总结 // 一下,但是一直没写,现在写刚觉都忘的差不多了。:(。 // /** * 下面都是个人观点 */ // * 在写 html 之前考虑下网站的性质,设计好 css,js 怎么组织在不同的文件,这对网站最后的性能优化会有很大的方便 * 比如主页的 css,js 尽量与二级页面分开,尽量减小主页的大小 * css 做到重用性好,每个 class 尽量不要特殊化,尽量作到可以重用 * 不要过早进行网站优化,在网站显示还有可能变化的时候不要优化,可能得重复优化的工作 * 网站优化,这个应该有很多可以做,比如 expires header,gzip,这些我在前几篇的笔记中几下了 * 一些网站优化参考文档: * http://developer.yahoo.com/performance/rules.html By Yahoo! * http://code.google.com/speed/page-speed/docs/rules_intro.html By Google * <<High Performance Web Sites>> 绝对值得看得书 By Steve Souders * http://www.stevesouders.com/blog/ By Steve Souders * http://blog.csdn.net/phpandjava/archive/2009/11/19/4834310.aspx By me :) * 一些工具: * firebug * yslow * pagespeed * live http headers * yuicompressor - 压缩 css,js(优化) * Closure Compiler - 同上 * smush.it - http://developer.yahoo.com/yslow/smushit/ - 图片优化 * spriteme - http://spriteme.org/ - 发现可以合并为 css-sprite 的图片(也可合并)