HTML技巧之提高页面加载速度
程序员文章站
2022-03-19 15:42:11
...
本文给大家分享了html提高页面加载速度的方法,非常不错具有参考借鉴加载,需要的朋友参考下
(1)减少 HTTP 的请求。(合并资源文件 和 使用图片精灵 ;
(2)把CSS 放头部,把 JavaScript 放到 body 标签尾部;
(3)定义图片的宽和高;
(4)定义字符集;
(5)避免空的 src 和 href 属性,
html里这样写:
<a href="javascript:;" class="triggerName">Trigger</a>
js 里这样定义:
$("#triggerName").click(function(e){ e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转// })
(6)启用 GZIP 压缩;
(7)摈弃 CSS 表达式,用更高效的 CSS 选择器;
(8)使用外链的 CSS 和 JavaScript;
(9) 对 CSS 和 JavaScript 进行代码压缩;
(10)减少重绘;
以上所述是小编给大家介绍的HTML 提高页面加载速度的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
以上就是HTML技巧之提高页面加载速度的详细内容,更多请关注其它相关文章!
推荐阅读
-
性能优化之代码优化页面加载速度
-
详解微信小程序之提高应用速度小技巧
-
两种方法实现在HTML页面加载完毕后运行某个js_javascript技巧
-
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
-
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧
-
新算法能将网页加载速度提高34%_html/css_WEB-ITnose
-
提高Web页面性能的技巧_html/css_WEB-ITnose
-
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧
-
新算法能将网页加载速度提高34%_html/css_WEB-ITnose
-
如何提高HTML页面加载速度