前端性能优化的常用方法

下面是一些提高网页访问速度的常用方法:

(1)合并压缩JS/CSS

(2)使用CSS sprites

(3)避免使用CSS表达式

(4)精简HTML CSS JS代码大小

(5)避免JS的复杂计算和DOM操作,减少页面的重绘重排

(6)JS尽量放到页面底部

(7)合并AJAX请求

(8)TAB页异步或延迟加载

(9)非关键图片尽量延迟加载,如头像

(10)压缩图片质量

(11)设置较长的客户端缓存过期时间

(12)设置GZIP压缩

(13)cookie隔离

(14)适当使用多域名增加并行加载

(15)重点优化首屏,减少用户等待时间

(16)避免重定向

(17)条件允许时使用CDN加速

原文发布于微信公众号 - 性能与架构(yogoup)

原文发表时间:2016-01-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏中国白客联盟

js之获取浏览器保存的账号密码(二)

正常情况下,当用户登录系统的时候保存了登录的账号密码的话,我们是可以利用js获取到他的表单里面的值发送过来,达到获取到他的账号密码进行下一步渗透。

7364
来自专栏腾讯云serverless的专栏

使用腾讯云 SCF 云函数压缩 COS 对象存储文件

如何处理 COS 对象存储中的大量文件打包需求?或许 SCF 无服务器云函数能助你一臂之力!

1.8K2
来自专栏GreenLeaves

JavaScript之<script>标签简介

向html页面中插入JavaScrpt的主要方法,就是使用<script>元素,下面是Html 4.01为<script>定义的6个属性。 1、async:可选...

20310
来自专栏Java技术分享

Chrome开发,debug的使用方法。

怎样打开Chrome的开发者工具? 你可以直接在页面上点击右键,然后选择审查元素: ? 或者在Chrome的工具中找到: ? 或者,你直接记住这个快捷方式: C...

21710
来自专栏nummy

使用jsTree树形控件【1】入门

部署环境使用压缩版的jsTree.min.js,如果是开发环境可以使用jsTree.js

1182
来自专栏极乐技术社区

极乐问答No.1 | 如何理解微信小程序的生命周期?

导语 通俗的讲,生命周期就是指一个对象的生老病死。 从软件的角度来看,生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程...

2497
来自专栏Angular&服务

cordova扫描二维码

1493
来自专栏vue学习

小程序 — 保存图片到手机相册

(1)要保存图片到手机相册中,所以首先我们来看看保存图片的api方法是什么? 我们使用的是wx.saveImageToPhotosAlbum(OBJECT)这...

2141
来自专栏前端菜鸟变老鸟

表格按列方向上渲染数据

如果是一条数据和一个对应的值就不会出现问题。但是如果某一个数据的值有多个,并且需要显示在不同的行的话就会有问题。问题是:会循环出多个td在一行中。

804
来自专栏每日一篇技术文章

weex-12-组件switch

本节内容比较简单,创建一个switch.vue 来写本节的内容, 注意一点,本节内容请务必使用真机测试

4232

扫码关注云+社区

领取腾讯云代金券