首页 > 其他分享 >性能优化相关总结

性能优化相关总结

时间:2024-12-18 15:58:17浏览次数:9  
标签:总结 渲染 性能 合并 SSR 优化 资源 加载

一、性能优化要从何入手

  1. 让加载更快

  2. 让渲染更快

  下面看一下这两方面分别要怎么优化

二、加载方面的优化

 想要页面加载更快,需要从资源体积、访问次数、网络入手

 1、减少资源体积

    • 压缩代码       

   2、减少访问次数

    • 资源合并
      • 多个js文件合并
      • 多个css文件合并
      • 多个小图标合并在一起生成一张图(也就是我们所说的雪碧图或者图片精灵)
    • 服务端渲染(SSR):将网页和数据一起加载一起渲染
      • 我们现在的前后端分离是非SSR,需要先加载网页,再加载数据,最后再渲染。早先的JSP、PHP就是SSR。现在的Vue、React也开始做服务端渲染(SSR)了
    • 尽可能的使用缓存
      • 静态资源加hash后缀,当资源不变并且路径不变的情况,则自动触发http缓存机制,服务器返回304    

   3、使用更快的网络

    • CDN 
      • 我们引用资源库时可以使用CDN

三、渲染方面的优化

标签:总结,渲染,性能,合并,SSR,优化,资源,加载
From: https://www.cnblogs.com/yangkangkang/p/18615161

相关文章

  • 摄像机实时接入分析平台视频分析网关安防监控施工摄像头与录像机混搭需注意的要点总结
    在现代安防监控系统中,摄像头和录像机的混搭使用已成为一种常态,这种组合不仅能够提升监控系统的灵活性,还能根据具体需求和预算进行优化配置。然而,为了确保系统的高效运行和最佳效果,有几个关键点需要在施工和配置过程中特别注意。以下是一些重要的考虑因素,它们将帮助您确保摄像头与......
  • MySQL Explain 分析SQL语句性能
     一、EXPLAIN简介使用EXPLAIN关键字可以模拟优化器执行SQL查询语句,从而知道MySQL是如何处理你的SQL语句的。分析你的查询语句或是表结构的性能瓶颈。(1)通过EXPLAIN,我们可以分析出以下结果:表的读取顺序数据读取操作的操作类型哪些索引可以使用哪些索引被实际使用表之间的引......
  • 冰雪旅游大爆发:如何优化冰雪旅游管理与服务——看板软件篇
    Wind数据显示,自9月份以来,冰雪旅游指数已经实现了超过100%的惊人增长。12月16日这一天,冰雪旅游概念股市场大放异彩,冰山冷热、雪人股份、大连圣亚等个股纷纷收获连续三个涨停板,晶雪节能更是继前两个交易日大涨20CM之后,盘中一度冲击涨停并成功封板。这一系列强势表现,犹如一股强劲的......
  • 前端 SEO 优化
    SEO(搜索引擎优化)是指通过一系列优化手段,提高网站在搜索引擎中排名的过程。在前端开发中,SEO优化不仅仅是后端或内容方面的问题,它同样涉及到前端页面的结构、速度、用户体验等多个方面。一、为什么前端SEO优化很重要?随着互联网用户的日益增长,搜索引擎已成为获取信息的主要工具。......
  • Docker高级特性与性能优化
    一、Docker资源管理1.1为什么需要资源管理?在大型系统中,多个容器共享主机的CPU、内存、I/O等资源。如果不加以限制,部分容器可能会占用过多资源,导致其他服务性能下降。Docker提供了灵活的参数配置来限制CPU、内存、磁盘的使用,保障各个容器的资源公平分配。1.2限制CPU资......
  • Dijkstra单源最短路朴素算法(空间优化)
    Dijkstra单源最短路朴素算法(空间优化)基于使用邻接表存储连接边的方法,可以有效的降低空间复杂度在稀疏图(边的数量远小于顶点数量平方的图)中,邻接矩阵会大量占用无用的内存,导致Re,我们采用邻接表的办法,只存储存在的边,减少无关占用。相反,在稠密图(边的数量接近顶点数的平方的图)中,邻接......
  • 2024/12/2日工作总结
    完成数据结构pta实验7-2队列应用(蓝桥杯)CLZ银行只有两个接待窗口,VIP窗口和普通窗口,VIP用户进入VIP窗口排队,剩下的进入普通窗口排队。现有M次操作,操作有四种类型,如下:INnameV:表示一名叫name的用户到VIP窗口排队OUTV:表示VIP窗口队头的用户离开排队INnameN:表......
  • 2024/12/3日工作总结
    完成数据结构pta实验7-1哈夫曼树哈夫曼编码输入一组整型权值,构建哈夫曼树,实现哈夫曼编码,并输出带权路径长度。输入格式:第一行输入叶子结点个数,接着依次输入权值。若叶子数为0或1,则输出error输出格式:输出哈夫曼编码,输出带权路径长度。输入样例:在这里给出一组输入。例如:......
  • 2024/12/4日工作总结
    完成数据结构pta实验7-1邻接表存储实现图的深度优先遍历编写程序,实现由邻接表存储实现无向图的深度优先搜索遍历的功能。顶点为字符型。输入格式:第一行输入顶点个数及边的个数,第二行依次输入各顶点,第三行开始依次输入边的两个顶点,用空格分开。最后输入深度优先遍历的起始点。......
  • 2024/12/5日工作总结
    完成数据结构pta实验7-2迪杰斯特拉方法实现最短路径用迪杰斯特拉算法实现有向网的最短路径输入格式:第一行输入有向网的顶点和边数,第二行输入各顶点值,用空格间隔,第三行开始输入各条边的两个点的及边上的权值,用空格间隔。最后一行输入要求路径的两个顶点。输出格式:输出最短......