如何提高网页打开速度的小技巧

dreamfree — Fri, 22 Aug 2008 15:47:32 +0000

首先得承认宽带普及率并不高，搜索引擎也会把网页加载时间并入网站排名算法，因此怎样加快网页打开速度还是很重要的。如果你老是纳闷我的博客为什么打开速度很慢，如何才能减少网页加载时间，降低读者等待时间过长的不良浏览体验，除了选择速度较快的服务器，在设计和开发博客的时候你也需掌握一些小的技巧，也许能尽量解决类似IE浏览器网页打开速度慢的像蜗牛的不足：

页面设计简洁：许多打开很快的博客设计都很简单明了。

优化HTML代码：确保网页设计时不包含不需要的标记，并且经过优化，没有冗余代码。

运用合理的表设计：使用互相独立的模块，不要混淆在一起。

增加内容阅读区域：不仅减少不必要的加载时间，而且增加博客的可读性，使用户有好的阅读体验。

减少不必要的图片/Flash/scripts:影响网页打开速度的主要因素，比如利用背景色，而不是背景图片。正文图片可以以预览形式小图显示，在新窗口中链接中查看大图。

利用文本链接而不是图片按钮：充分利用html的css，使文本链接和图片按钮一样吸引人。

检查网页加载速度：有很多测试网页打开速度的免费网站工具，比如websiteoptimization。

中文翻译：http://www.dreamfreeblog.com/speed-the-page-to-open-263.html
英文原文：Faster loading web pages (Good for everyone)

45个优秀个人博客欣赏(WordPress类博客设计推荐)

dreamfree — Sun, 10 Aug 2008 15:43:02 +0000

设计一个个人博客很简单。因为不管你采用哪种博客系统，不管你偏好那种风格，你总能迅速找到你想应用到博客中的主题模板。但式样不要太花俏，颜色搭配不要太多彩耀眼，也不要担心内容更新的太慢(只要好好写原创文章)。当然了，也不是每个博客都得看上去是某种典型样式。毕竟每个博主都想让自己的博客与众不同，给人印象深刻。事实上，也有许多优秀的个人博客，设计的非常漂亮(并且很多博客都是基于wordpress程序构建打造)。

下面推荐欣赏的博客设计都很注重细节，俏人多彩的头部导航并不是在每个情况下都奏效。博客更需要的是坚实的视觉框架，有序的网站层次感，并且需要在某种程度上搭建内容和表现形式的桥梁。因此，必须考虑考虑架构精确度、展现所需最低手法、适当的声音辅助。这也是下面博客型网站推荐的参考标准。

也许下面介绍的博客设计的并非都很十全十美，但都很优秀，在他们自己眼光中也许是杰出了，呵呵。

Ryan Berg (Django)

Derek Featherstone (Django)

Jeff Croft (Django)

Andy Hume (Django)

Weblogs powered by ExpressionEngine

Jesse Bennett-Chamberlain (Expression Engine)
Whitespace in use. The categories and popular entries are listed at the top of the page, not in the sidebar as they usually are.

Veerle Pieters

An almost “classic”, well-known design, but still incredibly beautiful. Veerle makes use of a dark layout with quite colourful scheme. The result is impressive – and the position of site elements extremely well thought-out.

Emanuel Blagonic (Expression Engine WordPress)

Weblogs powered by MovableType

Kevin Kornell (Movable Type)
A typical weblog doesn’t look like an illustrated magazine. Kevin Kornell’s blog does. This one makes use of an “oldie”-style.

Cameron Moll

Dave Shea (Movable Type)

Dan Cederholm (Movable Type)

Weblogs powered by Textpattern

Praegnanz.de (Textpattern)
A minimalistic approach with clean web-typography.

Hicksdesign (Textpattern)

Geniant (Textpattern)

Blogs powered by WordPress

Circle Six (WordPress)

Pedro Lamin (WordPress)
Fresh and clean design, lacking almost everything – there is even no navigation in blog categories.

Design Disease (WordPress)

Surfgarden (WordPress)

Dan Rubin (WordPress)

NorthxEast (WordPress)

Larissa Meek (WordPress)

Matt (WordPress)
A Business-Design. Look at the information sections on the left side of the layout.

Agenturblog (WordPress)

Ben Gillbanks (WordPress)

Rik Catlow (WordPress)

FreelanceSwitch (WordPress)

John Boardley (WordPress)

Shaun Inman (WordPress custom PHP-Framework. Thanks, Shaun)

Mstefan.com (WordPress)

Screenz (WordPress)

Screencasting (WordPress)

Blog.Critical (WordPress)

Wan Zafran (WordPress)

Viki (WordPress)
Extensive use of visual elements prevails; it might be a nice idea, but the content should prevail.

Nick La (WordPress)
Playful design with dozens of swirls, curves and artistic elements.

Laura Alter (WordPress)

Markus Zeeh (WordPress)
Playful flower-images and ornaments seem to be trends.

Sidney Collins (WordPress)

Roman Leinwather (WordPress)

Bottled Sky (WordPress)
Probably not the most gorgeous layout ever made, but well-structured. The use of colors communicates the idea of the site.

Johanna Hallin (WordPress)

Cabana (WordPress)
Sometimes it is an interesting approach to use a “thin” layout, although it should rather be an exception.

Reflections (WordPress)

Further Weblogs

Abduzeedo (Drupal)
Stylish, readable and clean. The site doesn’t look like blog at all – at least at the first glance.

Jonathan Snook (CakePHP)

中文翻译：http://www.dreamfreeblog.com/index.php/250.html
英文原文：http://www.smashingmagazine.com/2007/08/28/45-excellent-blog-designs/

睡到自然醒blog » 设计