美文网首页
优化页面加载速度

优化页面加载速度

作者: 谦业 | 来源:发表于2020-01-02 22:17 被阅读0次

首先从View层入手

  1. DNS预读取

使用DNS预读取的方式在后台并行地进行DNS的解析,可以防止浏览器耗费时间去解析DNS从而影响页面DOM的渲染,一个稍微复杂的页面通常要进行多个域名的加载,省去解析DNS的时间是很有效果的。

<link rel="dns-prefetch" href="https://www.google.com">
<link rel="dns-prefetch" href="https://www.baidu.com">

  1. 图片压缩
  2. HTML压缩

在高效前端上看到如果把一个页面html的行前缩进全部去掉,页面的体积可以减少1/3。

  1. 资源文件不要在header位置加载

服务端

  1. 开启gizp压缩
  2. 页面静态化、部分静态化
  3. 数据缓存(memcache、redis)
  4. 优化sql;尽可能的减少数据库操作。
  5. 数据库主从复制读写分离
  6. 降低表的规模。垂直分表+水平分表
  7. 耗时任务交由异步队列处理(rabbitMQ)

运维

  1. CDN加速
  2. 提高带宽
  3. 选择性能更好的服务器

相关文章

  • Vue项目总结

    (一)vue 1.页面加载速度优化 可在页面引入组件时引入异步加载的方式使加载速度变快export default...

  • 优化页面加载速度

    首先从View层入手 DNS预读取 使用DNS预读取的方式在后台并行地进行DNS的解析,可以防止浏览器耗费时间去解...

  • Web 前端性能优化概要

    优化方向 页面加载速度。 代码运行速度。 优化的方法 指定优化目标。目标需要是具体的,可度量的。比如,在 50Kb...

  • web页面性能优化以及SEO

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

  • HTML页面加载速度优化

    页面加载速度优化主要有6点:[1] 减少请求数量,合并请求 减少请求文件的体积 使用内容分发网络(cdn) 合理使...

  • 优化Github页面加载速度

    优化Github页面加载速度 下述步骤操作看完就可以自己试着哪里慢优化哪里 修复Github网页图片加载不出来 如...

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

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

  • YaHoo军规 网站性能优化

    雅虎给出了优化网站加载速度的34条法则(减少页面加载时间) 1.Minimize HTTP Requests减少H...

  • 网站优化之路-图片懒加载使用方法及感受

    对前端而言,提高网页的加载速度非常重要。众所周知,图片是最吃流量的。我们都知道的优化技巧是页面加载时只加载首屏页面...

  • 通过ajax优化页面加载速度

    最近在做的一个外包项目,由于客户的要求,首页内容十分繁杂,并且由于客户需求的变更,导致初期的设计不够合理,调用了大...

网友评论

      本文标题:优化页面加载速度

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