现代网页设计最佳实践:JavaScript,AJAX和Flash

在过去的十到二十年中,网站设计的发展速度如此之快,以至于很难跟上当前的趋势和最佳实践。不久之前,基于表(table)的网页设计被认为是最先进的,而CSS则是闻所未闻的。为了解决这个问题,有时几乎不可能找到关于“正确设计”最新信息。

为此,我们已经收集了100多种用于设计现代网站的最佳实践,涵盖了从CSS和编码到图像、图形和版式的所有内容。连同实践本身一起,您可以获取更多信息,以帮助您直观地了解我们在说什么。

使用JAVASCRIPT添加功能而不是内容

JavaScript旨在向网站(而非内容)添加功能。使用HTML或XML作为内容,而保留JavaScript来执行功能和动作。

为了加快页面加载速度,请将JAVASCRIPT文件放在页面底部

由于JavaScript是客户端脚本,因此下载(取决于其功能)可能比页面上的其他内容花费更长的时间。如果它位于代码中的其他内容之上,则必须首先加载JavaScript。将其放在底部可让您加载页面上的所有其他内容,因此您的访问者不会盯着空白或加载一半的屏幕。

不要使用内联JAVASCRIPT!

使用单独的JavaScript文件可使您的页面加载更快,并使文件更小。另外,如果脚本是自包含的,则重用脚本会更容易。

优化循环

JavaScript循环的优化使您的脚本更快,更精简,从而缩短了响应时间并缩短了加载时间。

保持代码简单

您的代码越简单,修改,改编和更新就越容易。另外,简单的代码通常可以减小文件大小,缩短加载时间,并减少代码执行意外操作的机会。

确保您的脚本正常降级

考虑到仍然有一定比例的互联网用户在其计算机上未启用JavaScript,因此正常降级非常重要。

注:本文翻译引用自国外