美文网首页
页面加载慢,可能的原因和解决方法

页面加载慢,可能的原因和解决方法

作者: 小鱼旋子 | 来源:发表于2019-06-28 16:22 被阅读0次

如果不是本地带宽慢的问题的话,那可能:

1. DNS 解析慢

因为 DNS 的解析其实挺花费时间的

2. 和网络层面相关的:

1)http 请求次数过多

解决:合并图片,雪碧图;使用外部 JS 和 CSS 文件

2)接收数据时间过长 一般是因为下载的资源过大

解决
(1) http 传输再压缩 --- gzip

在JS,CSS,图片等资源已经压缩的基础上,在HTTP传输过程再次压缩,一般是用gzip(客户端用Accept-Encoding头表明浏览器支持的压缩方式,服务端用Content-Encoding启用压缩);
结合代码压缩和传输压缩,我们可以大大提高传输速度

(2) CDN

用CDN部署网络来提高下载速度

(3)有 cookie 的影响

  • 如果网页不需要 cookie 就应该禁掉 cookie
  • 给 cookie 设置合适的过期时间 以免在不需要cookie的时候还一直带着cookie发送请求,造成浪费
  • 用不同的 domain 来减少 cookie 的使用

因为在向同域名的资源发送http请求时都会带上cookie,但是像一些资源,如js,css和图片时,大多数情况下cookie是多余的,所以可以使用不同的domain来存储这些静态资源,这样访问这些资源时就不会发送多余的cookie,从而提高响应速度。

3. JS脚本造成了阻塞

可能是写的 JS 代码性能有问题,解析这些 JS 代码时花了很长时间,导致这段时间内页面资源加载都被阻塞住了

相关文章

  • 页面加载慢,可能的原因和解决方法

    如果不是本地带宽慢的问题的话,那可能: 1. DNS 解析慢 因为 DNS 的解析其实挺花费时间的 2. 和网络层...

  • Vue项目打包优化

    目的 缩小项目打包体积,提高页面加载速度 分析产生效果慢的原因 我们先来分析下前端加载速度慢原因 首先安装webp...

  • 如何加速网页

    0.目前加载慢的原因 0.1 图片太多 需要大量时间加载 0.2 第三方api,动态效果页面 有时候会因为网络原因...

  • Vue单页面项目常见问题

    1.vue渲染深层对象会报错 原因: 由于页面加载,数据还没传过来解决方法: {{item.city.name}...

  • Webview缓存剖析以及解决方案

    1 Android WebView 存在什么性能问题? H5 页面加载速度慢 渲染速度慢 页面资源加载缓慢 耗费流...

  • web部署到nginx以后js,css等静态文件加载不正常

    之前在centos中配置web页面时候,可以获取js和css,但是无法加载这些,导致页面布局失效。 解决方法:in...

  • react组件懒加载的四种方式

    懒加载 :为什么 解决页面假死状态 单页面vue和react,,只有一个HTML,首屏加载慢,后期切换比较快,不利...

  • react组件懒加载的四种方式

    懒加载 :为什么? 解决页面假死状态 单页面vue和react,,只有一个HTML,首屏加载慢,后期切换比较快,不...

  • 云服务器上应用优化

    加载css文件和js文件耗时太长导致页面打开慢的问题 最近在阿里云上启动自己的博客应用,发现页面加载很慢,同事建议...

  • Cannot read property 'style' of

    原因 这是因为在加载JS的时候HTML没有被解析,JS代码找不到页面上的元素,所以也解析不了style 解决方法 ...

网友评论

      本文标题:页面加载慢,可能的原因和解决方法

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