二叶草

需求：一个前端项目页面下载速度很慢，该项目的ip的带宽只有2M,cpu1核，这种情况下，只能通过缩小react打包的体积，以便用2M带宽下载容量更小的数据量来提高加载速度。优化前：优化后： 一：web...

前两天遇到一个前端性能相关的bug，感觉还挺典型的，整理了一下解决过程和思路，写下来分享给大家。 场景是这样的，有一个答题的界面，可以播放音频、填空、提交答案，界面是长这个样子的： 看起来还挺简单吧，...

性能优化是前端工程师进阶必备技能，也是面试中高频点之一 以下是我个人总结的性能优化的要点：       出发点：加载优化。加载资源其实是在页面显示过程中最耗时的过程，大概会占到总耗时的80%，因此加载...

HTML5学堂：如何优化前端页面 / 如何优化网页。作为前端开发人员来说，不但要开发出能兼容各大主流浏览器的页面，而且还需要懂得去优化前端页面。本文主要给大家讲解如何去优化页面。   1 前期准备 1...

通俗的来说，每一个域名（网址）对应一个IP地址，而DNS就像一个电话号码簿，能够通过域名查询并转换成IP地址来进行访问。在我们谈论DNS Prefetch之前，我们需要明确DNS的工作原理，这样才能够...

第一步.打基础

  1.前端需要注意哪些 SEO 合理的 title、description、keywords：搜索对着三项的权重逐个减小，title 值强调重点即可，重要关键词出现不要超过 2 次，而且要靠前，不同...

React： 由于只要状态发生变化(state，props)，组件就会重新渲染，那么，如何避免重复渲染： 使用shouldComponentUpdate生命周期钩子函数来对比前后的state和prop...

移动H5前端性能优化指南 概述   1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3...

  前端如何优化页面性能？   1、减少 HTTP 请求数量   在浏览器与服务器进行通信时，主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手，每次握手需要花费大量时间。而且不同浏览器对...