网页优化性能的几个基本注意点

来源:互联网 发布:陈坤 厂花 知乎 编辑:程序博客网 时间:2024/05/15 09:05

1.清理HTML文档

HTML,即超文本标记语言,几乎是所有网站的支柱。HTML为页面带来了标题,子标题,列表和其他的一些文档结构的格式。
在最近新的HTML5中,甚至可以创建图表。
HTML很容易被网络爬虫识别的,因此搜索引擎可以根据网站的内容在一定程度上实时更新。你应该尝试让他简洁而有效。此外,在HTML文档中引用外部资源的时候也需要遵循一些最佳的实践方法。

2.恰当放置CSS

WEB设计者很喜欢在网页建立起主要的HTML骨架之后,再来创建样式表。我们把样式表放置在文档头内,是可以保证正常的渲染过程,虽然不能提高网站的加载速度的,它不会让访问者长时间看着空白屏幕或者是无格式的文本。

3.正确放置Javascript

另一方面,如果将javascript放置在head标签内或者是HTML文档的上部,这回阻塞HTML和CSS元素的加载时间。这个错误会导致页面加载时间增长,增加用户的等待时间,容易让人感到不耐烦而放弃对网站的访问。不过可以通过放置在</body>前可以避免这个问题。
使用CSS和JavaScript的时候要尽量避免嵌入代码。因为当你嵌入代码的时候,要将CSS放置在样式标记中,并在脚本标记中使用javascript,这样子增加每次刷新网页的时候必须加载的HTML代码量。

4.优化CSS性能

在外部资源加载的情况下,仍会花费较长的时间。我们应该了解如何减少HTTP请求以大幅度缩减加载时间。通过link标签请求加载的外部样式表不会阻止并行下载的。

5.减少外部HTTP请求

很多情况下,网站的大部分加载时间都是来自于外部的HTTP请求。检查任何影响访问者体验不好的成分,可能是

不必要的图片,

没用的javascript代码,

过多的css,多余的插件。


6.压缩CSS,JS,和HTML

压缩技术可以从文件中去掉多余的字符空格。






0 0
原创粉丝点击