HTML 提高页面加载速度的方法
HTML 提高页面加载速度的方法:
1. 减少http请求(合并资源文件,合并图片-精灵图)
2. 把css放文件头部,javascript放body标签尾部
3. 定义图片的宽,高
4. 避免空的src 和 href
html里这样写:<a href="javascript:;" class="triggerName">Trigger</a>
js 里这样定义:
$("#triggerName").click(function(e){
e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
})
5. 启用GZIP压缩(一种常用的文件压缩程序/格式--常用于UNⅨ系统的文件压缩----在Linux中经常会用到后缀为.gz的文件,它们就是GZIP格式的)
6. 摈弃 CSS 表达式,用更高效的 CSS 选择器
7. 使用外链的 CSS 和 JavaScript
8. 对 CSS 和 JavaScript 进行代码压缩
9. 减少重绘
转载于:https://www.cnblogs.com/Kyaya/p/6374415.html
HTML 提高页面加载速度的方法相关推荐
- Vue项目提高页面加载速度的方法
1.路由懒加载 路由懒加载简单来说就是访问到当前页面才会加载相关资源,提高页面加载速度. { path: '/login', name: 'login', component: resolce ...
- 如何提高页面加载速度 || 前端的性能优化 || 浏览器渲染页面的过程是什么
1.降低请求量 ① 合并资源,减少http请求数量. ② lazyLoad,如图片懒加载.分批加载,每次只加载一部分. ③ 使用字体图标或CSS绘制,来代替部分图片. 2.加快请求速度 ...
- 前端性能优化——如何提高页面加载速度?
1.将样式表放在头部 首先说明一下,将样式表放在头部对于实际页面加载的时间并不能造成太大影响,但是这会减少页面首屏出现的时间,使页面内容逐步呈现,改善用户体验,防止"白屏". 我们 ...
- vue-cli新建工程后提高页面加载速度(含升级webpack4)
2019独角兽企业重金招聘Python工程师标准>>> 提高页面加载速度的方式 升级webpack4.x及升级过程中产生问题的解决方式 webpack升级一路填坑记 图片压缩 用一个 ...
- WEB前端性能优化,提高页面加载速度
可能有人会说:网站的性能是后端工程师的事情,与前端并无多大关系.我只能说,too young too simple.事实上,只有10%~20%的最终用户响应时间是用在从Web服务器获取HTML文档并传 ...
- 前端性能优化:如何提高页面加载速度和用户体验
第一章:介绍 当今互联网时代,网站的性能对于用户体验至关重要.一个快速加载的网页不仅能提高用户的满意度,还能增加页面的转化率.而在前端开发中,性能优化是一个永恒的话题.本篇博客将为大家分享一些关于前端 ...
- 【前端开发】25种提高网页加载速度的方法和技巧
尊重原创:http://blog.csdn.net/wxzking/article/details/4089384 您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在 ...
- Nginx开启Gzip压缩大幅提高页面加载速度
2019独角兽企业重金招聘Python工程师标准>>> 有时候我们会碰到API接口响应很快,但是完成速度很慢的情况,其主要原因是数据传输过大.因此我们需要对数据进行压缩,现这里采用N ...
- Nginx 如何开启gzip 来提高页面加载速度
1.打开nginx配置文件 vi /etc/nginx/nginx.conf 或者 vi /etc/nginx/conf.d/gzip.conf 2.往nginx.conf或者gzip.conf文件中 ...
最新文章
- 5分钟带你读「大清」微积分!160多年前清朝数学家撰写文言文版高等数学
- python适合做后端开发吗-python适合后端开发么
- 设计模式--观察者(Observer)模式
- 【转】JNI学习积累之一 ---- 常用函数大全
- socket 编程入门教程(一)TCP server 端:1、建模
- 从一个小问题洞察挣钱秘籍,却被90%的数据分析师忽略
- 如何使用KeyChain保存和获取UDID
- windows 验证tftp服务器,细说Windows tftp服务器配置
- libaio.so.1 is needed by MySQL-server-5.5.48-1.linux2.6.i386
- 【win10 专业版】 重装系统、激活
- adt matlab 加速退化,可靠性加速退化试验
- maple 求特征值
- iOS_3DTouch使用
- Openstack rocky 部署四: neutron 部署与验证(控制节点)
- HCIE——园区网架构
- 折页损失函数代码实现
- w ndows10QQ远程,win10系统QQ远程协助无法操作对方电脑的解决办法
- CoreAudioApi-音频端点设备-检测耳机插拔
- 迷你酷狗播放器 v1.017
- AI中英文翻译软件,一键批量多语种翻译
热门文章
- 中低频量化交易策略研发01_引言
- 怎样更改计算机ip用户名,无法修改系统IP地址
- 985毕业,3年大数据经验,面试阿里腾讯失败,只因做不好报表
- CIO必看:跨国集团采购部报表系统的建设经验分享
- vscode同时打开多个文档方法,简直了
- 论各类BI工具的“大数据”特性!
- 小白python自学—报错问题汇总(持续更新)
- 机器视角:长文揭秘图像处理和卷积神经网络架构
- Pandas库DataFrame的简单应用2
- c# mysql 1062_C#中MySQL函数用DATASET 和 MySqlDataAdapter 操作数据库