当前位置:网站首页>列表页优化思路
列表页优化思路
2022-07-31 12:05:00 【猿码YM】
列表页往往是一个网站或者一个重要业务的首页,列表页的展示速度直接决定了用户体验,所以列表的优化具有重要价值。
有一天产品和运营反馈说,列表页打开的速度怎么这么慢呢?
此时你打开浏览器F12看了一眼果然很慢,然后一脸茫然,无法解释。
此时最直接的办法就是去看看代码,打开代码一看,列表页接口需要调各种其他服务的获取信息,然后进行组装,代码封装代码已经上千行了。
到底哪里出了问题,此时依旧一脸茫然。
下面是完整的解决思路:
stopwatch使用
对一千行代码通过stopwatch拦截,输出相应的耗时,最终就可以定位到哪段代码耗时最长。然后阅读此段代码,分析耗时原因。
此时你可能会发现删除一条日志输出的代码,都可以给列表页的相应速度带来一定的提升。
缓存
看看耗时代码,是否可以加缓存,这样就不用访问mysql或者再调其他服务接口。之前有封装过通过注解完成redis缓存接入的代码,可以直接使用。
注解完成redis缓存接入通过注解就可以把一个方法的返回值放入redis缓存,方便好用。
批量接口
列表页在调用其他服务获取信息时,如果每次都是获取一条记录,耗时10ms,列表30条记录,耗时立马就达到了300ms。此时就需要让接口提供方提供批量调用的接口。
以上属于个人经验和总结,难免有考虑不周的地方,欢迎大家在评论区进行补充和分享。
边栏推荐
- 带有对称约束切换线性系统的结构可控性
- 生信周刊第38期
- JVM 运行时数据区与JMM 内存模型详解
- Selenium自动化测试之Selenium IDE
- 5 open source Rust web development frameworks, which one do you choose?
- 一文带你了解redux的工作流程——actionreducerstore
- 普林斯顿微积分读本03第二章--编程实现函数图像绘制、三角学回顾
- Distributed Transactions - Introduction to Distributed Transactions, Distributed Transaction Framework Seata (AT Mode, Tcc Mode, Tcc Vs AT), Distributed Transactions - MQ
- 关于==和equals的区别和联系,面试这么回答就可以
- 荣耀手机参数写错,客服认为没错
猜你喜欢
ApiPost is really fragrant and powerful, it's time to throw away Postman and Swagger
502 bad gateway causes and solutions
Different lower_case_table_names settings for server (‘1‘) and data dictionary (‘0‘) 解决方案
Experience innovation and iteration through the development of lucky draw mini-programs
Service discovery of kubernetes
am335x 看门狗驱动&看门狗应用例程序
JVS函数公式使用场景介绍
Docker实践经验:Docker 上部署 mysql8 主从复制
ESP8266-Arduino编程实例-HDC1008温度湿度传感器驱动
kernel syscore
随机推荐
am335x 看门狗驱动&看门狗应用例程序
栈和队列的基本概念
Docker实践经验:Docker 上部署 mysql8 主从复制
下课看着文档走回实验室,我重新拾起了遗忘的SQL运算符
JVS轻应用的组成与配置
Spark GC日志分析
Getting started with jmeter performance testing steps (performance testing tool jmeter)
If the value of the enum map does not exist, deserialization is not performed
给你一个大厂面试的机会,你能面试上吗?进来看看!
数据持久化技术——MP
Caused by: 类找不到: org.apache.flink.table.planner.delegation.ParserFactory或者ExecutorFactory
学习笔记 Golang 写入文件(io.WriteString、ioutil.WriteFile、file.Write、write.WriteString)
Data Lake (19): SQL API reads Kafka data and writes it to Iceberg table in real time
MySQL limit paging query and performance issues
[Virtualization Ecological Platform] Platform Architecture Diagram & Ideas and Implementation Details
Power BI----几个常用的分析方法和相适应的视觉对象
A Week of Wonderful Content Sharing (Issue 14)
JVS开发套件产品定位
jmeter性能测试步骤入门(性能测试工具jmeter)
AWS Amazon cloud account registration, free application for 12 months Amazon cloud server detailed tutorial