HTML技巧之提高页面加载速度-html教程-PHP中文网

HTML技巧之提高页面加载速度

高洛峰

发布： 2017-03-11 11:46:27

原创

1567人浏览过

本文给大家分享了html提高页面加载速度的方法，非常不错具有参考借鉴加载，需要的朋友参考下

（1）减少 HTTP 的请求。（合并资源文件和使用图片精灵；

（2）把CSS 放头部，把 JavaScript 放到 body 标签尾部；

（3）定义图片的宽和高；

（4）定义字符集；

立即学习“前端免费学习笔记（深入）”；

（5）避免空的 src 和 href 属性，

html里这样写：

<a href="javascript:;" class="triggerName">Trigger</a>

登录后复制

js 里这样定义：

佳蓝在线销售系统(创业版) 佳蓝在线销售

1、对ASP内核代码进行DLL封装，从而大大提高了用户的访问速度和安全性；2、采用后台生成HTML网页的格式，使程序访问速度得到进一步的提升；3、用户可发展下级会员并在下级购买商品时获得差额利润；4、全新模板选择功能；5、后台增加磁盘绑定功能；6、后台增加库存查询功能；7、后台增加财务统计功能；8、后台面值类型批量设定；9、后台财务曲线报表显示；10、完善订单功能；11、对所有传输的字符串进行安全

查看详情

  $("#triggerName").click(function(e){
            e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
        })

登录后复制

（6）启用 GZIP 压缩；

（7）摈弃 CSS 表达式，用更高效的 CSS 选择器；

（8）使用外链的 CSS 和 JavaScript;

（9）对 CSS 和 JavaScript 进行代码压缩;

（10）减少重绘；

以上所述是小编给大家介绍的HTML 提高页面加载速度的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！

以上就是HTML技巧之提高页面加载速度的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

如何报错html_为HTML页面添加错误提示信息【提示】 html5如何禁用缓存_HTML5禁用缓存设置与缓存清除方法【教程】 html是怎么运行的_html运行机制解析【解析】 html 怎么运行脚本语言_html运行脚本语言方法【教程】怎么保证html在平板上运行_保障平板运行html的方法【技巧】