德国开元华人社区开元周游

标题: 怎样提高网站打开的速度？ [打印本页]

作者: Web-Hilfe 时间: 27.12.2010 23:56
标题: 怎样提高网站打开的速度？
本帖最后由 Web-Hilfe 于 29.12.2010 20:40 编辑

--http://blog.websiteaufbau.de/archives/22

建议一：优化图片

确切的讲，就是：

1、减少图片数：去除不必要的图片。

2、降低图像质量：如果不是很必要，尝试降低图像的质量，尤其是jpg格式。对于因特网上的图片来说，分辨率为72dpi是最为常见的，也足够了，没有必要请不要使用分辨率为300dpi的图片，那只适合于打印。

3、使用恰当的格式 – 我们只需要知道在什么时候应该使用什么格式，以减少网页的加载时间:
– JPG：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。

– GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo、按钮、表情等等。当然，gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。

– PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上

作者: Web-Hilfe 时间: 29.12.2010 20:40
回复 Web-Hilfe 的帖子

建议二：优化CSS

CSS样式表让网页加载起来更高效，浏览体验也得到提高。但有时我们在写CSS的时候会使用了一些比较罗嗦的语句，比如这句：

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

你可以将它简化为：

margin: 10px 20px 10px 20px;

简化CSS能去除冗余的属性，提高运行效率。如果你写好CSS后懒得去做简化，你可以使用一些在线的简化CSS工具，比如CleanCSS(http://www.cleancss.com/).

作者: taohui 时间: 5.1.2011 12:42
还有Sprite 技术
http://learning.artech.cn/20090421.css-sprite.html

作者: yellowbee 时间: 5.1.2011 20:27
没有图片多无聊啊

作者: Web-Hilfe 时间: 5.1.2011 21:28
回复 Web-Hilfe 的帖子

--http://blog.websiteaufbau.de/archives/49

建议三：标明高度和宽度

这点很重要，但很多人由于懒惰或其它原因，总是将其忽视。当你在网页上添加图片或表格时，你应该指定它们的高度和宽度，也就是height和width参数。如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。
下面是一个比较友好的图片代码：
<img height=”200″ width=”450″ src=”http://www.websiteaufbau.de/logo.png” alt=”logo” />
当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了。

欢迎光临德国开元华人社区开元周游 (https://bbs.kaiyuan.cn/)

德国开元华人社区 开元周游

德国开元华人社区开元周游