性能优化
13篇文章 · 0订阅
  • 🚀前端性能优化实录：把 5 秒白屏降到 1.2 秒，只做 7 件事
    5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！
    前端 JavaScript 面试
    🚀前端性能优化实录：把 5 秒白屏降到 1.2 秒，只做 7 件事
  • 老生常谈H5秒开
    实现 H5 应用的“秒开”体验，并确保在发布新版本时用户能够及时加载到最新的内容。这涉及到前端性能优化、缓存策略以及版本控制等多个方面。 下面将通过以下几个核心部分来详细讲解，并提供尽可能详细的代码示
    前端
  • 高频接口前端缓存解决方案：Service Worker + IndexedDB
    在2024年国庆前后，大A行情出现了一波高潮，国庆期间利好消息影响韭菜情绪造成拥堵开户的场景。对网络和后端造成巨大的压力，同时也影响用户体验。
    前端
  • 前端静态资源本地缓存：从秒开到省流量
    一、为什么必须做静态资源本地缓存？ 性能数据对比： 核心价值： 加载速度提升：二次访问加载耗时降低80% 带宽成本节约：CDN流量费用减少40% 离线可用性：弱网环境下仍可正常展示页面 服务器减
    前端 浏览器 性能优化
  • 前端浏览器缓存优化：提高网站访问速度的重要手段
    大家一起来探讨下前端浏览器缓存的优化技术以及它们的实现方式，通过利用浏览器缓存，可以减少页面请求次数，降低服务器的负载，提高网站的用户体验
    前端 浏览器 JavaScript
    前端浏览器缓存优化：提高网站访问速度的重要手段
  • 前端首屏优化 | 借助客户端能力提升 H5 首屏的 8 个手段
    本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。
    前端 性能优化 客户端
    前端首屏优化 | 借助客户端能力提升 H5 首屏的 8 个手段
  • HTML 放入离线包？你需要了解的离线策略
    本文将介绍 Hybrid App 离线包的通用方案，并讨论 HTML 文件放入离线包的利弊。通过引入 CAP 理论作为指导准则，帮助优化和抉择离线包的一致性和可用性问题。
    前端 客户端 性能优化
  • 缓存http错误，避免多次报错提示
    前言 先解释一下标题，最近在开发一个老项目时发现一个非常影响用户体验的场景： 因为项目性质问题，我们给项目设置了较短的登录有效时间，而当登录过期时用户在某一页面进行操作，如果该操作同时请求了多个请求，
    前端 JavaScript
  • 面试官 ： 首屏加载速度慢怎么优化？
    大家好，我是前端小张同学，这次给大家说一下首屏渲染速度慢的优化方案，常见的八股为仅供参考 首屏加载速度慢怎么优化？ 1： 在回答这个问题之前 首屏 -- > 当进入该网页并且发送网络请求获取到资源以后
    前端 JavaScript 面试
    面试官 ： 首屏加载速度慢怎么优化？
  • 前端性能优化 24 条建议（2020）
    性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …
    前端 性能优化 JavaScript