Web 性能优化
Web性能优化之Worker线程(下)
大家好，我是柒八九。前天在Web性能优化之Worker线程(上)中针对Worker中的专用工作线程Dedicated Worker做了简单介绍和描述了如何配合webpack在项目中使用。今天，我们就着重对服务工作线程Service Worker进行介绍。由于，在实际项目中，还未做实践，所以有些东西更偏向于概念和API的描述。但是，我感觉针对「服务工作线程」在项目优化方面还是有很大的可探索的空间的
日期 2023-06-12 10:48:40
Webpack 性能优化
减少 Webpack 打包时间 优化 Loader 对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，我们是有办法优化的。 首先我们可以优化 Loader 的文件搜索范围 module.exports = { module: {
日期 2023-06-12 10:48:40
web开发性能优化---用户体验篇
怎样从技术角度怎样增强用户体验。都是非常多平台都在做的事情，依据个人实际经验碰到几种体验做下总结。1、降低页面刷新白屏适当使用ajax技术。改善刷新白屏现象。2、信息提醒，邮件、站内信、短信在购物流程、售后流程适当添加信息温馨提醒环节；3、定期回訪及互动记录好会员每次来电来訪、购买情况分析等数据做到定期客户关怀；添加生日免单、会员日等互动环节。增强互动性；3、智能分析推荐分析会员购买偏好，智能
日期 2023-06-12 10:48:40
Web前端性能优化_浏览器功能与组成
浏览器功能与组成 浏览器应该有的功能浏览器的内核(渲染引擎)浏览器内核总结： 进程与线程现代浏览器：多进程、多线程模型 浏览器应该有的功能 网络&#x
日期 2023-06-12 10:48:40![[转] webpack折腾记（四）：性能优化](/scriptcss/images/21.png)
[转] webpack折腾记（四）：性能优化
之前接手的一个旧项目，使用的是roadhog + dva + antd等技术，里面大概有上百个路由文件，其他model、组件等文件也不少，导致整个项目的模块文件非常多，热更新和打包都速度都比较慢，输出代码体积也很大。基于这个问题，本文整理webpack常用的一些优化手段。 <!--more--> 参考： 使用webpack4提升180%编译速度 Webpack优化——将你的构建效率
日期 2023-06-12 10:48:40![[转] webpack之前端性能优化（史上最全，不断更新中。。。）](/scriptcss/images/25.png)
[转] webpack之前端性能优化（史上最全，不断更新中。。。）
最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， entry: { entry: './src/main.js',
日期 2023-06-12 10:48:40web性能优化之：no-cache与must-revalidate深入探究
引言 稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。 常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。 各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣的可以一起探讨交流。 本文仅挑no-cache、must-revalidate&
日期 2023-06-12 10:48:40《响应式Web设计性能优化》一2.1 性能度量基础
本节书摘来异步社区《响应式Web设计性能优化》一书中的第2章，第2.1节，作者： 【美】Tom Barker 译者： 余绍亮 , 丁一 , 叶磊 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.1 性能度量基础 如果你正在阅读本书，很可能你已经熟知性能的含义，或是至少曾经围绕你的Web应用做过一些性能相关的讨论。但在继续往下看之前，我们来确认下在术语方面我们的理解是一致
日期 2023-06-12 10:48:40《响应式Web设计性能优化》一2.4 小结
本节书摘来异步社区《响应式Web设计性能优化》一书中的第2章，第2.4节，作者： 【美】Tom Barker 译者： 余绍亮 , 丁一 , 叶磊 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.4 小结 本章探讨了Web性能以及Web运行时性能。我们关注了页面内容是怎样从Web服务器到浏览器的，以及在传输与内存渲染过程中存在的潜在瓶颈。还关注了在运行时表示Web应用执行
日期 2023-06-12 10:48:40Web 性能优化：21 种优化 CSS 和加快网站速度的方法
这是 Web 性能优化的第 4 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正确方法 Web 性能优化：图片优化让网站大小减少 62% Web 性能优化：缓存 React 事件来提高性能 CSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript 一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于 DOM。由于优化程度极高，这个过
日期 2023-06-12 10:48:40Web 性能优化： 使用 Webpack 分离数据的正确方法
摘要： Webpack骚操作。 原文：Web 性能优化： 使用 Webpack 分离数据的正确方法 作者：前端小智 Fundebug经授权转载，版权归原作者所有。 制定向用户提供文件的最佳方式可能是一项棘手的工作。 有很多不同的场景，不同的技术，不同的术语。 在这篇文章中，我希望给你所有你需要的东西，这样你就可以: 了解哪种文件分割策略最适合你的网站和用户 知道怎么做 根据 Webpac
日期 2023-06-12 10:48:40web开发性能优化---安全篇
1、权限管理 从模块、表单、数据审核、功能button全面数据安全验证及管理。 2、ip验证 数据接口訪问进行IP校验 3、登录、操作日志、程序安全日志 系统所实用户登录、操作所有日志记录。 程序安全日志操作可查看我之前写过[LogHelper 日志记录帮助类 ]。 4、SQL注入校验过滤 a、表单控件js前端校验。特殊字符过滤 b、採用Global.
日期 2023-06-12 10:48:40Web性能优化之雅虎军规
相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能。 比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据Yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。 以上
日期 2023-06-12 10:48:40