工具可以节省你的工作量:YUIImageLoader可以帮你推迟加载折叠部分的图片,YUIGetutility是包含JS和CSS的便捷方法。比如你可以打开Firebug的Net选项卡看一下Yahoo的首页。
当性能目标和其它网站开发实践一致时就会相得益彰。这种情况下,通过程序提高网站性能的方法告诉我们,在支持Javascrīpt的情况下,可以先去除用户体验,不过这要保证你的网站在没有Javascrīpt也可以正常运行。在确定页面运行正常后,
网页制作再加载脚本来实现如拖放和动画等更加花哨的效果。
6、预加载
预加载和后加载看起来似乎恰恰相反,但实际上预加载是为了实现另外一种目标。预加载是在浏览器空闲时请求将来可能会用到的页面内容(如图像、样式表和脚本)。使用这种方法,当用户要访问下一个页面时,页面中的内容大部分已经加载到缓存中了,因此可以大大改善访问速度。
7、减少DOM元素数量
一个复杂的页面意味着需要下载更多数据,同时也意味着Javascrīpt遍历DOM的效率越慢。比如当你增加一个事件句柄时在500和5000个DOM元素中循环效果肯定是不一样的。
大量的DOM元素的存在意味着页面中有可以不用移除内容只需要替换元素标签就可以精简的部分。你在页面布局中使用表格了吗?你有没有仅仅为了布局而引入更多的<div>元素呢?也许会存在一个适合或者在语意是更贴切的标签可以供你使用。
8、根据域名划分页面内容
把页面内容划分成若干部分可以使你最大限度地实现平行下载。
高端网站设计由于DNS查找带来的影响你首先要确保你使用的域名数量在2个到4个之间。例如,你可以把用到的HTML内容和动态内容放在[url]www.example.org[/url]上,而把页面各种组件(图片、脚本、CSS)分别存放在statics1.example.org和statics.example.org上。
你可在TenniTheurer和PattyChi合写的文章MaximizingParallelDownloadsintheCarpoolLane找到更多相关信息。
9、使iframe的数量最小
ifrmae元素可以在父文档中插入一个新的HTML文档。了解iframe的工作理然后才能更加有效地使用它,这一点很重要。
<iframe>优点:
解决加载缓慢的第三方内容如图标和广告等的加载问题
Securitysandbox
并行加载脚本
<iframe>的缺点:
即时内容为空,加载也需要时间
会阻止页面加载
没有语意
10、不要出现404错误
HTTP请求时间消耗是很大的,
网页设计制作因此使用HTTP请求来获得一个没有用处的响应(例如404没有找到页面)是完全没有必要的,它只会降低用户体验而不会有一点好处。
有些站点把404错误响应页面改为“你是不是要找***”,这虽然改进了用户体验但是同样也会浪费服务器资源(如数据库等)。最糟糕的情况是指向外部Javascrīpt的链接出现问题并返回404代码。首先,这种加载会破坏并行加载;其次浏览器会把试图在返回的404响应内容中找到可能有用的部分当作Javascrīpt代码来执行。
在本系列的第一节中,讲了提高网站性能中网站“内容”有关的10条原则。除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改进的地方,它们包括:
使用内容分发网络
为文件头指定Expires或Cache-Control
Gzip压缩文件内容
配置ETag
尽早刷新输出缓冲
使用GET来完成AJAX请求
网站前台开发注意事项:
1.用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。
网站页面设计如果访问者无法在几秒钟之内得知你的网站的方向,他很有可能转而访问其他网站。你必须迅速地告诉访问者为什么要在你的网站上花费时间。
2.让网站易于速读。因特网不是书,因此没必要使用大段的文字。也许我访问你的网站时我正在忙于其他工作,我不得不迅速读完所有内容。项目、符号、标题、副标题、列表,这些都能帮助读者迅速找到他想要的内容。
3.不要使用难于阅读的花哨字体。当然,某些字体可以让网站精彩纷呈。不过它们容易阅读吗?如果你的主要目的是传递信息并让读者阅读,你应该让阅读过程舒服些。
4.不要用小字体。如上一条所述,
旅游网站设计你得让读者阅读时感到舒服。虽然我的Firefox有放大功能,但如果必须放大才能看清一个网站的话,我就再也不会去访问它了。
5.不要打开新浏览器窗口。我的第一个网站曾经经常这么做。原因很简单,在新窗口中打开外部链接,用户就不必离开我的网站。错!让用户决定如何打开链接,否则浏览器上大大的后退按钮就没必要存在了。不用担心用户离开你的网站,在必要的时候他们会回来的。
6.不要改变用户的浏览器窗口大小。用户有权控制自己的浏览器。如果你改变窗口大小,你会在他们面前失去信用。
7.不必要时不要让用户注册。直白地讲,我上网是为了获取信息,不是为了别的。不要强迫我注册并留下我的电子邮件以及其他信息,除非特别必要(比如你能提供的消息非常有价值)。
8.不要在未经访问者同意的情况下为他们订阅电子杂志。不要在访问者注册时自动给他们订阅电子杂志。不请自来的邮件可不是个交朋友的好办法。
9.不要过多使用Flash。Flash不仅会增加网站的读取时间,
企业网站设计过度使用甚至会让访问者感到不快。只有当静态页面无法表达你的意图时才使用Flash。
10.不要播放音乐。早些年Web开发者都喜欢在网站中集成音乐,结果他们失败了。记住,永远不要使用音乐。
11.当你必须使用声音时,让用户启动它。有时你必须使用声音文件,比如你要给用户发送一份演讲,或者你的教程包含声音。这没问题,但要让用户来控制,让用户点击“播放”按钮,别在打开网页的瞬间播放声音。
12.不要让标志弄乱你的网站。社交网络和社区的标志会让你的网站看起来十分不专业。就算是奖章和荣誉等标志也应当放到“关于我们”页面上。
13.不要使用“点击进入”页面。用户访问到内容的步骤越少越好。14.注意要留下联系方式。最差的莫过于网站没有留下联系方式的了。不仅对访问者不友好,而且对你也没好处,你会错过珍贵的反馈信息。
15.不要影响“后退”按钮的动作。这是网站可用性的最基本的理念。在任何情况下都不能影响“后退”按钮的动作。比如,打开新窗口会破坏它,某些Javascript链接也会破坏它。(责任编辑:一枝笔写作编辑)