使用懒加载 + 零拷贝后，程序的秒开率提升至99.99%

已于 2024-01-11 10:28:09 修改
阅读量2.1k 收藏 55
点赞数 50
分类专栏： 100天精通Java从入门到就业 文章标签： java NIO mmap 零拷贝
于 2024-01-11 08:03:13 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/guorui_java/article/details/135511089
版权
本文讲述了通过懒加载、优化IO流、内存映射技术mmap和sendFile零拷贝技术，将一个原本加载耗时5秒的页面优化至1秒以内，显著提升了程序的秒开率。详细分析了不同IO操作的性能差异，并提供了代码实例和优化步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述

目录

大家好，我是哪吒。

一、5秒钟加载一个页面的真相

今天在修改前端页面的时候，发现程序中有一个页面的加载速度很慢，差不多需要5秒，这其实是难以接受的，我也不知道为什么上线这么长时间了，没人提过这个事儿。

我记得有一个词儿，叫秒开率。

秒开率是指能够在1秒内完成页面的加载。

在这里插入图片描述

查询的时候，会访问后台数据库，查询前20条数据，按道理来说，这应该很快才对。

追踪代码，看看啥问题，最后发现问题有三：

  1. 表中有一个BLOB大字段，存储着一个PDF模板，也就是上图中的运费模板；
  2. 查询后会将这个PDF模板存储到本地磁盘
  3. 点击线上显示，
了解本专栏 订阅专栏 解锁全文
获取双异步返回值时，如何保证主线程不阻塞？
学Java，找哪吒
01-25 1486
CompletableFuture的异步执行通过ForkJoinPool实现，ForkJoinPool在于可以充分利用多核CPU的优势，把一个任务拆分成多个小任务，把多个小任务放到多个CPU上并行执行，当多个小任务执行完毕后，再将其执行结果合并起来。
BAT 大厂Java 面试题集锦之核心篇附参考答案
热门推荐
AI天才研究院
11-05 1万+
核心篇数据结构与算法网路:TCP/IP,HTTP操作系统, 文件, shell, CPU, IO, epoll, 非阻塞IO,进程/线程/协程,锁HashMap, Co...
vue 实现懒加载
When you can't win by being better, you can win by being different.
04-23 5971
懒加载，也称为延迟加载，是一种将资源（如图片、组件、代码等）推迟到需要的时候再加载的策略。在 Vue 中，懒加载通常涉及到组件和图片的加载。
js高级05-懒加载预加载
最新发布
qq_60060362的博客
11-26 943
懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。预加载简单来说就是将所有所需的资源提前请求加载到本地，这样后面在需要用到时就直接从缓存取资源。
图片懒加载
huangpb的博客
02-13 7457
一、什么是懒加载？ “懒加载”即：延迟加载，对于一个很长的页面，优先加载可视区域的内容，其他部分等进入可视区域时再加载。 二、为什么要懒加载？ 懒加载是一种网页性能优化的方式，它能极大的提升用户体验。比如一个页面中有很多图片，但是首屏只出现几张，这时如果一次性把图片全部加载出来会影响性能。这时可以使用懒加载，页面滚动到可视区再加载。优化首屏加载。 总结出来就两个点： 1.全部加载的话会影响用户体验 2.浪费用户的流量，有些用户并不想全部看完，全部加载会耗费大量流量。 懒加载优点：页面加载速度快
Java 中如何实现懒加载
老男孩的架构路
03-18 3525
懒加载是一种常见的优化技术，它可以延迟对象的创建或初始化，直到对象第一次被使用时才进行。这种技术可以帮助我们减少资源的浪费，提高程序的运行效率。 在 Scala 中，我们可以使用关键字 lazy 来定义惰性变量，实现延迟加载（懒加载）。但是在 Java 中，我们需要使用其他的技术来实现懒加载。在本文中，我们将介绍如何使用 Java 中的 Supplier 接口和双重检查锁定模式来实现懒加载，并保证只初始化一次。
vue中使用懒加载
qq_60690665的博客
11-17 1606
vue中使用懒加载
【移动存储软件性能提升】：操作系统与应用程序层面的优化技巧
本文深入探讨了移动存储软件性能提升的策略，涵盖操作系统和应用程序层面的优化技巧。文章首先介绍了文件系统选择与优化、系统级缓存管理和I/O调度策略的操作系统层面技巧。接着，深入到应用程序层面，探讨了代码...
Qt开发经验总结
草上爬的博客
12-02 1万+
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
关于懒加载的使用方法,和感受
qq2357467793的博客
08-12 326
关于懒加载使用方法 在网上看了众多案例,关于我实现懒加载的方法,在此分享一下 1.先进入https://www.lazyloadjs.cn/下载最新版lazyload.js并导入引用 2.查看官方的使用方法(由于我之前看的案例js版本比较低,导致我引用之后不好使所以一定要看文档) 3.接下来看我的代码(希望会给你们点灵感) //html <div class="ib-head"> <img class="headPhoto" data-src="这里放图片地址"> &l
jquery懒加载使用方法
师远鹏
12-29 9836
懒加载是网站性能优化的插件，可以提高用户体验。 页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。 1、引入jquery 2、引入jquery懒加载插件 //cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyloa
Vue懒加载使用全教程(收藏加关注)简单易学
yyh231366的博客
03-31 1858
Lazyload 是 Vue 指令，使用前需要对指令进行注册 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import Vant, { Lazyload } from 'vant' import 'vant/lib/index.css' createApp(App).use(store).use(ro
图片懒加载使用方法及感受
大乌鸦
10-23 554
废话不多说直接进入正题 有一款jquery的lazyload插件便是一个可以实现图片延迟加载的插件 插件的使用方法很简单（依赖jquery）：引入lazyload.js（压缩版才4KB）  对我们想要延迟加载的图片添加lazy样式，用”data-original” 替换图片的引用路径 一、引入jquery.js和lazyload.js插件，代码如下： &lt;!-- 引入jQuery.j...
图片懒加载的使用方法?
mzrxLXR的博客
08-08 451
图片懒加载 图片懒加载实现原理: 可以图片src配置一个假的地址，同事给添加一个data-url属性指向真是url地址，当图片快要显示的时候将url地址替换成data-url的属性。 懒加载实现原理 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&
细说jQuery如何实现懒加载
aa_mmnn的博客
03-18 6882
一、为什么需要懒加载？ 对于图片过多的使用场景，为了提高页面加载速度，改善用户体验，我们对未出现在视野范围内的图片先不进行加载，等到出现在视野范围才去加载。 二、懒加载的实现原理 -它的实现原理很简单，先把img的src指向一个小图片，图片真实的地址存储在img一个自定义的属性里,,等到此图片出现在视野范围内了，获取img元素，把data-src里的值赋给src。 三、实现懒加载必备的
路由懒加载原理及使用
weixin_44003156的博客
07-23 1万+
懒加载解决的问题： 避免进入首页就加载全部的前端资源造成用户等待时间过长的问题。 就好比，访问 login 页面，你返回的 js 路由不仅有渲染 login 页面的，还有渲染 production 页面以及其他页面的功能。而这些代码量太大了，文件也大。js 文件有个特征，下载完全了才会运行，导致页面首屏速度太慢了，也就是白屏时间太长。这个问题，早就有人发现，于是解决方案就是路由懒加载，这只是一个技术名词。 Vue路由懒加载原理说明 1） 我们一开始用ES6的写法，在路由文件router/index.js中
懒加载的使用
sun_qqq的博客
12-12 218
  本博客的开发一直遵循先解决有没有(sunq.xyz)，再解决好不好的思路。所有功能、设计、页面上都以最简形式先实现，后期再迭代。刚开始写分页功能，也没多想就用了传统分页。传统分页器用了一段时间，后来内容多一些，觉得还是懒加载比较时尚方便，于是又将分页器替换为懒加载。   我的懒加载效果在本博客首页就能看到，形式极简。大致思路是先写一个懒加载子组件，需要用懒加载的父页面再调用这个子组件。   子...
评论 27
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哪 吒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值