介绍在 react 内部，react 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React...

1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少，便于日后维护3、让自己写的css代码更加专业。 1、缩写css代码。2、排列css代码。3、同属性提取共用css选择器。4、分离网页颜色和背景设置样式（较大站点需要注意）...

图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小超过了 1.1MB，图片占了约88%，我还注意到我提供的图像比它...

在面试的环节中，面试官问到：你是如何设计你的表结构的，画一下E-R图？接着又继续深挖，如果有慢查询，你是如何优化你的sql的？今天，我就来和大家讲讲要怎么回答这道问题。首先，我们要稳住不要慌，自己是自己亲手做的项目，第一个问题应该都不大，第二个问题就需要在面试之前做好充分的准备啦…在回答问题之前先要了解查询的流程：查询...

随着公司业务的拓展，随之而来就是各种系统横向和纵向的增加，PV、UV也都随之增加，原有的系统架构和模式慢慢遇上了瓶颈，需要逐步的对系统从整体上进行改造升级，通过一段时间的整理思路，做一个简单的总结与分享。同时由于能力等方面的不足，如果有什么说的不好之处，还请各位大神多多指点。 本次调整提示主要从以下几个点进行...

webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依赖关系，只有完成当前处理后才能交给下一个流程去处理。插件就像是一个插入到生产线中的一个功能，在特定的时机对生产线上的资源做处理。Webpack通过Tapable来组...

目的本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如key的使用。另外本文不详细的介绍API的使用，后面也许会写，其实想用好hooks还是蛮难的。 面向读者有过 react 函数式组件的实践，并且对hooks有过实践，对useState、useCallback、...

简介读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度 更精准的loader规则将loader规则写清楚仅让需要处理的文件，进入loader处理环节，如下rules:[{//正则尽量准确test:/.js$/,//使用缓存，缓存后在文件未改变时编译会...

在企业中，部署Apache后只采用默认的配置参数，会引发网站很多问题，换言之默认配置是针对以前较低的服务器配置的，以前的配置已经不适用当今互联网时代为了适应企业需求，就需要考虑如何提升Apache的性能与稳定性，这就是Apache优化的内容 配置Apache的网页压缩功能，是使用gzip压缩算法来对网页内容进...

web性能优化，主要分为前端和后台两个部分性能优化，后台性能优化决定了web能不能用，前端优化决定了其好不好用，也就是牵涉到前端用户体验和web易用性等情况，所以前端性能与用户体验是有着极大的关联的。首先，前端优化之前，我们需要知道其整体性能情况，然后对整体情况进行细分与分析，了解其每一步所损耗的时间和消耗的原由，然后...

性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前...

一、打包分析1.1、速度分析我们的目的是优化打包速度，那肯定需要一个速度分析插件，此时 speed-measure-webpack-plugin 就派上用场了。它的作用如下：分析整个打包总耗时每个 plugin 和 loader 的耗时情况首先，安装插件npm...

提起 css 很多童鞋都很不屑，尤其是看到RedMonk2019ProgrammingLanguageRankings的时候，css 竟然排到了第七位。我们先来看看这张排行榜：从上面可以看出，CSS的地位已经今非昔比了。本节我们就来说说CSS 渲染以及优化 相关的内容，...

1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。 搜索引擎优化（Searchengineoptimization，简称seo），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了...

1.去掉无意义的修饰。嗯，我会瞎说吗？除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片？还是说可以更简洁？ 2.不用图片。嗯，切图是一件扯淡的事情！不要隔靴搔痒了少年，直接使用css替代图片...