项目做过哪些性能优化？

最新推荐文章于 2024-05-03 15:53:33 发布
最新推荐文章于 2024-05-03 15:53:33 发布
阅读量684 收藏 2
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuckXinXin/article/details/106853981
版权
  1. 减少 HTTP 请求数
  2. 减少 DNS 查询
  3. 使用 CDN
  4. 避免重定向
  5. 图片懒加载
  6. 减少 DOM 元素数量
  7. 减少DOM 操作
  8. 使用外部 JavaScript 和 CSS
  9. 压缩 JavaScript 、 CSS 、字体、图片等
  10. 优化 CSS Sprite
  11. 使用 iconfont
  12. 字体裁剪
  13. 多域名分发划分内容到不同域名
  14. 尽量减少 iframe 使用
  15. 避免图片 src 为空
  16. 把样式表放在link 中
  17. 把JavaScript放在页面底部
LuckXinXin
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
项目优化，你知道多少？
weixin_45028956的博客
06-12 792
为什么需要项目优化 在互联网快速发展的今天，在实现完功能之后，项目优化是一个被经常提到的话题。很多项目会在开发排期中留大量时间去做一轮又一轮的性能优化，就是为了让页面尽可能早的到达用户，提高交互的流畅程度。 在系统可利用系统资源有限的大背景下，3秒呈现内容的原则下，项目优化显得格外重要。 每减少0.1秒加载速度可能会给你带来几百甚至几千的用户活跃；每减少100K的内容请求可能会给你带来几千甚至几万...
你对 Vue 项目进行哪些优化？
LuckXinXin的博客
03-25 1302
答： 第一个方面：代码层面的优化 • v-if 和 v-show 区分使用场景 • computed 和 watch 区分使用场景 • v-for 遍历必须为 item 添加 key，且避免同时使用 v-if • 长列表性能优化 • 事件的销毁 • 图片资源懒加载 • 路由懒加载 • 第三方插件的按需引入 • 优化无限列表性能 • 服务端渲染 SSR or 预渲染 第二个方面：Webpack 层面...
面试官--说一下你做过哪些性能优化-项目中遇见的卡顿问题怎么解决的？(1)
最新发布
2301_82243733的博客
05-03 768
有做过。比如重复绘制，还有大图长图有过优化。那具体说一说都说三年是程序员的一个坎，能否晋升或者提高自己的核心竞争力，这几年就十分关键。技术发展的这么快，从哪些方面开始学习，才能达到高级工程师水平，最后进阶到Android架构师/技术专家？我总结了这 5大块；我搜集整理过这几年阿里，以及腾讯，字节跳动，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 PDF（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。Java语言与原理；大厂，小厂。
项目优化必须做的几件事
waterathena的专栏
12-07 685
因为我手上的项目的功能基本完成，加上正在阅读《Effective C++》，所以在自己的项目中实践一些优化的细则。可能不是很全面和准确，确实我第一份工程项目的详细代码优化心得。 2. 找出项目出现的所有计时器ID值，以前都是自己手写的数字。现在全部定义为全局常量。根据《Effectve C++》的优化规则，项目中尽量少用#define,，所以少用宏定义。 对策：定义这些值到Global
项目实践中的一些性能优化指南 侵删
心神沫沫的收藏
07-16 154
作为一个程序员，性能优化是常有的事情，不管是桌面应用还是web应用，不管是前端还是后端，不管是单点应用还是分布式系统。本文从以下几个方面来思考这个问题：性能优化的一般性原则，性能优化的层次，性能优化的通用方法。本文不限于任何语言、框架，不过可能会用Python语言来举例。 不过囿于个人经验，可能更多的是从Linux服务端的角度来思考这些问题。 一般性原则 依据数据而不是凭空猜测 这是性能优化的第一原则，当我们怀疑性能有问题的时候，应该通过测试、日志、profillig来分析出哪里有问题，有的放矢，而
vue项目性能优化方案
11-07
vue项目性能优化方案
河北安监项目性能优化解决方案
08-17
河北安监项目性能优化解决方案,针对java编码，服务器
项目优化经验——垃圾回收导致的性能问题
02-27
谈谈最近优化一个网站项目的经验，首先说一下背景情况：1）在页面后台代码中我们把页面上大部分的HTML都使用字符串来拼接生成然后直接赋值给LiteralControl。2）网站CPU很高，基本都在80%左右，即使使用了...
vue项目开启Gzip压缩和性能优化操作
01-18
vue 项目开启gzip自拍压缩和部署 nginx 开启gzip优化性能 第一步：在vue项目中安装依赖并将productionGzip改为true，开启Gzip压缩： npm install –save-dev compression-webpack-plugin 第二步：运行 npm run ...
iOSApp启动性能优化
01-27
本文分为四个部分：第一部分科普了一些和App启动性能相关的前置知识第二部分主要讲如何定制启动性能的优化目标第三部分通过在WiFi管家这个具体项目的优化过程，分享一些有用的经验第四部分是关键点的总结。...
如何做到项目性能优化
努力哈
08-01 1085
【1】标签语义化 【2】样式的压缩合并 【3】图片的整合 减少其数量 【4】减少HTTP请求数量 加载进行优化 数据优化 网络性能优化（方法：DNS预解析 好处 ：挺高访问效率） 通过预加载一些域名，提前去做DNS解析，加快响应速度。...
你在前端有做过哪些性能优化
weixin_47198950的博客
09-25 405
可以使用的img的srcset，根据不同分辨率显示不同尺寸图片，这样既保证显示效果，又能节省宽带，提高加载速度。大模块异步加载，例如：Echarts，可以使用require.ensure，在加载成功后，在显示对应图标。2js用defer放在头部，提高加载时间，又不阻塞dom解析。小模块适度合并，将一些零散的小模块合并一起加载，速度较快。可以使用pefetch预加载，在分布场景中非常适合。代码分割，可以基于路由或动态加载。4.避免行内style样式。webp代替其他格式。2.避免css表达式。
前端项目性能优化方案有哪些
热门推荐
m0_51060602的博客
03-07 4万+
前端项目性能优化方案汇总
以工作中的项目为例实践前端常见十大性能优化方法
m0_57307213的博客
09-22 2022
前端性能优化项目实践
项目中做了哪些优化
weixin_46243567的博客
08-22 414
Vue是单页面应用，会有很多路由引入，这样webpack打包之后的文件很大，当加载资源过多时，页面会出现白屏的现象，所以我们可以把不同路由对应的组件分割成不同的代码块，在路由被访问的时候才加载对应的组件。如果存在非常长或者无限滚动的列表，需要采用窗口化的技术来优化性能，只需要渲染少部分区域的内容，减少重新渲染组件和创建dom节点的时间。(v-if是真正的条件渲染，切换过程中是销毁和重建的，v-show就相当于CSS中的display属性切换)按需引入需要的组件，达到减少项目体积的目的。
项目可以在哪些方面做出性能优化
缓月
03-23 1016
减少http请求数 减少DNS查询 使用CDN（即让用户访问最近的节点，或者从缓存或者源站获取资源） 避免重定向 图片懒加载；优化css Sprite（即使用雪碧图）；图片指定宽高。 减少DOM元素的数量；减少DOM的操作 页面中也可以使用keep-alive 压缩js，css，字体和图片 使用iconfont 使用外部的js和css 网站的内容储存用多个域名（节约cookie带宽的因素，另一个...
【Day11】平时在项目开发中都做过哪些前端性能优化
zimeng303的博客
02-18 1376
平时在项目开发中都做过哪些前端性能优化一、体验优化二、提升页面性能三、首页加载优化（减少白屏时间） 一、体验优化 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 1，首屏渲染优化，请求少、加载体积小、善用缓存 2，动画优化，避免某些动画造成页面的卡顿 3，优化用户的操作感官，提升视觉反馈，比如 hover 小手，让用户一眼就知道是否可操作 4，长列表复用 dom，优化滚动效果及页面卡顿现象，减少页面一次性渲染的数量 5，骨架屏的使用 6，组件的预加载，懒
你做过哪些性能的优化
dizhi6587的博客
08-12 300
1、减少HTTP请求 1) HTML优化： 　　使用语义化标签 　　减少iframe 　　避免重定向 2) CSS优化： 　　布局代码写前面 　　删除空样式 　　不滥用浮动、字体，需要加载的网络字体根据需求添加 　　选择器性能优化 　　避免使用表达式 　　避免用id写样式 　　压缩代码 3) JS优化 　　压缩代码 　　减少重复代码 4) 图片优化 　　...
你在vue项目中遇到的技术难点有哪些?对项目做过哪些优化?
03-12
在 Vue 项目中，我遇到的技术难点包括但不限于：组件通信、状态管理、路由配置、性能优化等。为了优化项目，我采取了以下措施：使用懒加载、使用 CDN 加速、使用 Webpack 打包优化、使用 Keep-Alive 缓存组件等。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值