美文网首页
页面性能

页面性能

作者: 猴子Hope | 来源:发表于2018-01-04 12:03 被阅读0次

一、资源压缩合并,减少HTTP请求

CSS Sprites, JS、CSS源码压缩、图片大小控制合适等等

二、非核心代码异步加载

异步加载的方式

    动态脚本加载    defer    async

异步加载的区别

    defer是在HTML解析完之后才会执行,如果多个,按照加载顺序依次执行

    async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关

三、利用浏览器缓存

强缓存

Expires    Expires: Thu, 21 Jan 2017 23:39:02 GMT

Cache-Control    Cache-Control:max-age=3600

协商缓存

Last-Modified If-Modified-Since    Last-Modified: Wed, 26 Jan 2017 00:35:11 GMT

Etag If-None-Match

四、使用CDN

五、DNS预解析

<link rel="dns-profetch" href="//host_name_to_prefetch.com">

https协议,强制打开<a>标签DNS预解析

<meta http-equiv="x-dns-prefetch-control" content="on">

相关文章

  • 探索App性能优化之绘制优化/UI流畅度优化

    一、页面绘制对App性能的影响 绘制性能主要影响 :App的页面显示速度。绘制影响性能的实质:页面的测量 & 绘制...

  • iOS性能优化之页面加载速率

    iOS性能优化之页面加载速率 iOS性能优化之页面加载速率

  • 页面性能

    提升页面性能的方法有哪些? 资源压缩合并,减少http请求 非核心代码异步加载 利用浏览器缓存 使用CDN 预解析...

  • 页面性能

    一、资源压缩合并,减少HTTP请求 CSS Sprites, JS、CSS源码压缩、图片大小控制合适等等 二、非核...

  • 页面性能

    资源压缩合并,减少http请求 非核心代码异步加载 --->异步加载的方法--->异步加载的区别 利用浏览器缓存-...

  • 搞懂前端页面性能监控

    为什么要监控页面性能? 一个页面性能差的话会大大影响用户体验。用户打开页面等待的太久,可能会直接关掉页面,甚至就不...

  • web页面性能优化以及SEO

    web页面性能优化能够提高页面加载速度,提升用户体验度,基于三秒法则,每个网站都极力优化页面性能。 SEO(Sea...

  • App页面性能优化 -- Core Animation篇

    写在前面 什么时候需要考虑页面性能问题 如何进行页面性能评估 如何具体实施性能优化 PS: 任何提前优化都是魔鬼 ...

  • chrome tracing 进行性能分析

    最近在做一个页面性能提速的需求,涉及页面性能分析的一些。使用 chrome://tracing 对移动端页面的加载...

  • Android性能优化:布局优化

    在开发中布局性能的好坏 主要影响 :Android应用中的页面显示速度。然后布局影响Android性能的实质:页面...

网友评论

      本文标题:页面性能

      本文链接:https://www.haomeiwen.com/subject/pmalnxtx.html