Web性能优化
当今数字世界,存在着无数的网站,每天都需要处理各种不同的原因的访问。然而,这些网站中有很大一部分显得笨重,加载慢,使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰,包括加载时间、不支持移动设备、浏览器兼容性问题,等等。
这篇文章提出8个技巧,针对Web性能差这一问题提出解决方案,提高网站的性能,让你的网站快起来。网站加载速度慢有很多原因,代码繁杂、资源处理不当等,针对这一系列问题,我们也有对策:清理代码、压缩图片、压缩外部资源、使用 CDN,以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升,本文章先探讨前端优化,后端请等待后续文章。
1、清理HTML文档
HTML,即超文本标记语言,几乎是所有网站的支柱。HTML为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的HTML5中,甚至可以创建图表。
HTML很容易被网络爬虫识别,因此搜索引擎可以根据网站的内容在一定程度上实时更新。在写HTML的时候,你应该尝试让它简洁而有效。此外,在HTML文档中引用外部资源的时候最好遵守下方实践。
恰当放置CSS
Web设计者喜欢在网页建立起主要的HTML骨架之后再来创建样式表。这样一来,网页中的样式表往往会放在HTML的后面,接近文档结束的地方。然而推荐的做法是把CSS放在HTML的上面部分,文档头之内,这可以确保正常的渲染过程。
这个策略不能提高网站的加载速度,但它不会让访问者长时间看着空白屏幕或者无格式的文本(FOUT)等待。如果网页大部分可见元素已经加载出来了,访问者才更有可能等待加载整个页面,从而带来对前端的优化效果。这就是知觉性能。
正确放置java script
另一方面,如果将 java script 放置在 head 标签内或 HTML 文档的上部,这会阻塞 HTML 和 CSS元素的加载过程。这个错误会导致页面加载时间增长,增加用户等待时间,容易让人感到不耐烦而放弃对网站的访问。不过,您可以通过将 java script属性置于HTML底部来避免此问题。
此外,在使用 java script 时,人们通常喜欢用异步脚本加载。这会阻止