性能优化
16篇文章 · 0订阅
  • 前端性能优化之图片优化，图片资源减少了57%
    图片的优化处理汇总，包括选择合适的图片格式，图片压缩，CSS Sprites(雪碧图，CSS 精灵)，图片懒加载，CSS 替换实现，base64 格式，iconfont 字体图标，使用 CDN等等
    性能优化 图片资源
  • 什么？后端要一次性返回我10万条数据！且看我这8种方案机智应对！
    问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，what the f**k! 问题考察点 看似无厘头的问题，实际上考查候选人知识的广度和深度，虽然在工作中这种情况很少遇到
    性能优化 Vue.js 掘金·金石计划
    什么？后端要一次性返回我10万条数据！且看我这8种方案机智应对！
  • 用 preload 预加载页面资源
    本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome，所以可放…
    HTML JavaScript 浏览器
    用 preload 预加载页面资源
  • [译] 资源提示 —— 什么是 Preload，Prefetch 和 Preconnect？
    今天我们将研究一下能显著提升页面性能的方法 —— 资源提示与指令。你也许听说过 preload，prefetch 和 preconnect，可是我们想研究的更深一点，搞清他们之间的区别并且充分的利用它们。它们带来的好处包括允许前端开发人员来优化资源的加载，减少往返路径并且在浏览…
    浏览器 DNS 前端
    [译] 资源提示 —— 什么是 Preload，Prefetch 和 Preconnect？
  • web性能优化（Lighthouse和performance）：从实际项目入手，如何监测性能问题、如何解决。
    一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance
    性能优化 前端 面试
  • 如何使用Lighthouse性能检测工具
    前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。
    前端 性能优化
    如何使用Lighthouse性能检测工具
  • 30行写一个Vue图片懒加载指令
    OK,兄弟们。前面一篇文章就说过要用指令的方式来实现图片的懒加载。其实，前端发展这么多年，要实现图片懒加载非常的简单，配合上Vue的指令，30行轻轻松松实现一个高复用的Vue指令。一起来看看吧。 这里我是用的IntersectionObserver API去实现的。 简单来说可…
    Vue.js
  • 你的Tree-Shaking并没什么卵用
    Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…
    JavaScript Webpack rollup.js
  • 面试官问：你了解HTTP2.0吗？
    作为一只前端开发🐶，HTTP是我们知识地图里面必不可少的一部分，也是面试必问知识点。HTTP2号称可以让我们的应用更快、更简单、更稳定，它完美解决了1.1版本的诸多问题，本文和大家一起聊聊HTTP2的改进点。 正式讲HTTP2之前我们先讲一下HTTP的发展史。 HTTP于19…
    HTTP 浏览器
  • 【Java 调优之路】Tomcat 性能优化
    Java 性能优化原则：代码运算性能、内存回收、应用配置（影响 Java 程序主要原因是垃圾回收） 代码层优化：避免过多循环嵌套、调用和复杂逻辑 调优内容： 1、增加最大连接数 2、调整工作模式 3、启用 gzip 压缩 4、调整 JVM 内存大小 5、作为 Web 服务器时，与 Apache 整合或 Nginx
    Java Tomcat