由一次前端面试引发的关于「雪碧图」的问题，经过一番分析，结论是：在现代前端工程中，淘汰雪碧图才是最优选择，搞快点！

许多小伙伴面试可能遇到前端性能优化问题，其中图片优化最有效也是频率最高的就是CSS精灵图，下面讲解一下我在做之前项目中用精灵图的经验（踩过的坑）。 概念：CSS-sprites，又叫精灵图，也是CSS图像拼合或者CSS贴图定位。 原理：把多张图片融合成一张图片，然后通过css …

由于我们团队的前端项目越来越庞大，加之Vue的SPA首屏加载特性，导致系统第一次加载速度越来越缓慢，可能达到几十秒的程度，所以为了优化用户性能体验，我们选择了开启Gzip进行文件压缩，确实达到了显著的效果。 Gzip原本用户UNIX系统的文件压缩，后来逐渐成为Internet最…

问题描述 本文以vue为例，记录一下，使用webpack插件compression-webpack-plugin开启gzip压缩的步骤流程，以及对比开启gzip压缩前后所需要的时间，得出结论：**这个

在基于 HTTP 协议的网络传输中 GZip 经常被使用，Nginx 中也可以使用半行代码开启 GZip。GZip 压缩的原理是什么呢？本篇文章是我在网上阅读了一些文档后做的简单总结。 RFC 1952 是 GZIP file format specification vers…

搜狗百科是一个服务于互联网用户的高质量内容平台。文章主要介绍团队在梳理业务时发现百科无线前端项目在研发流程、架构设计、研发效率、页面性能等方面存在诸多问题和痛点。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

背景 随着前端技术的不断发展，网页应用程序变得越来越复杂，并且需要更多的资源来加载和运行。在使用 Vue2 构建的项目中，打包后的文件大小可能会非常大。 我的一个可视化系统项目，文件约1302个、有效

网站性能检测有很多，最近学习使用了LightHouse，LightHouse 是 Google 开发的，它提供了一个基于浏览器服务的网站性能分析工具