Web前端性能优化教程07：精简JS 移除重复脚本
本文是Web前端性能优化系列文章中的第七篇，主要讲述内容：精简Javascript代码，以及移出重复脚本。完整教程可查看： 一、精简javascript基础知识精简：从javascript代码中移除所有的注释以及不必要的空白字符(空格，换行和制表符)，减少javascript文件的大小。混淆：和精简...
WEB前端性能优化:HTML,CSS,JS和服务器端优化
对前端开发工程师来说，前端性能优化的重要性是不言而喻的，最为大家所知的是YSLOW的23条优化规则，在我的理解中，性能优化不纯粹是指用户访问网站的速度，也包括开发的效率，这里我总结下我理解中的WEB前端性能优化。HTML部分语义化HTML：好处在于可以使代码简洁清晰，支持不同设备，利于搜索引擎，便于...
使用spin.js优化等待ajax返回时的页面效果
[本文出自天外归云的博客园]最近在做一个JIRA信息统计的系统，在统计JIRA关联信息的过程中由于需要等待ajax返回结果到前端，时间较长，所以要添加一段等待时的loading画面，使用spin.js实现效果如下：使用方法：1. 在js函数中准备弹出loading效果的地方加上如下代码，弹出load...
[转][前端优化]使用Combres合并对js、css文件的请求
本文转自：http://www.cnblogs.com/parry/archive/2011/01/28/Reduce_Http_Request_Using_Combres_For_Js_Css.html在前端优化的各种金律铁规中，“减少客户端对资源的请求”都会在其中出现，刚好最近对网站做一些优化，...
如何优化 Vue.js 应用程序
单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。注意：这里假设你对Vue和Composition API有一定的熟悉...
javascript定时器，取消定时器，及js定时器优化方法
通常用的方法： 启动定时器： window.setInterval(Method,Time) Method是定时调用的js方法 Time是间隔时间，单位是毫秒 取消定时器： clearInterval(Method); 那么问题来了。用 clearInterval(timerid);来清除...
JS日历控件优化(增加时分秒)
JS日历控件优化 在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件，现在优化如下： 1. 在原基础上 支持 yyyy-mm-dd 的年月日的控件。 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件。 ...
vue+webpack+element-ui项目打包优化速度与app.js、vendor.js打包后文件过大
---恢复内容开始---从开通博客到现在也没写什么东西，最近几天一直在研究vue+webpack+element-ui项目打包速度优化，想把这几天的成果记录下来，可能对前端牛人来说我这技术比较菜，但还是希望给有需要的朋友提供一下方便。一开始项目部署到线上后第一次访问首页的时间是7、8秒的样子，页面加...
多个JS文件性能优化
页面中引入的JS文件是阻塞式加载的，这样会影响页面性能。以下是JS文件性能优化方法：一：将所有的<script>标签放到页面底部，也就是</body>闭合标签之前，这能确保在脚本执行前页面完成了渲染由于JS文件是阻塞式加载，当加载JS文件时，页面停止渲染，这样页面会出现不完整...
React.js 小书 Lesson3 - 前端组件化（二）：优化 DOM 操作
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson3转载请注明出处，保留原文链接和作者信息。看看上一节我们的代码，仔细留意一下 changeLikeText 函数，这个函数包含了 DOM 操作，现在看起来比较简单，那是因为现在只有 isLiked...
【原创】分布式之数据库和缓存双写一致性方案解析(三) 前端面试送命题（二）-callback，promise，generator，async-await JS的进阶技巧 前端面试送命题（一）-JS三座大山 Nodejs的运行原理-科普篇 优化设计提高sql类数据库的性能 简单理解token机制
【原创】分布式之数据库和缓存双写一致性方案解析(三) 正文博主本来觉得，《分布式之数据库和缓存双写一致性方案解析》，一文已经十分清晰。然而这一两天，有人在微信上私聊我，觉得应该要采用先删缓存，再更新数据库，再删缓存这一方案作为缓存更新策略，而不是先更新数据库，再删缓存。并且搬出了两篇大佬的文章，《C...
高效率http页面优化法则一【JS对DOM的操作】
高效http页面优化法则一很多人都认为JS的效率太慢了，都不愿意用js来实现相对困难一点的程序逻辑。在这里我要说的是其实js的效率并不慢，慢的是DOM，如果操作好DOM，你的js效率将提高接近千倍（这并不是什么夸张的数字）。1. 批量增加Dom：使用修改innerHTML的方式尽量使用修改inner...
在线的图片、js、css压缩优化工具介绍（配合小强视频 前端性能分析精要）
在小强的《前端性能分析精要》中涉及到图片的优化等，培训视频中给大家提到了图片的 优化，但没有给大家指出如何优化，其实这个并不难，只要你愿意动一点脑经，但很多学员比较懒惰，我表示非常的无奈，故这里给大家列出来几个在线的图片、js、css优化网站，很实用。 =======================...
Node.js V0.12新特性之性能优化
v0.12悠长的开发周期(已经过去九个月了，并且还在继续，是有史以来最长的一次)让核心团队和贡献者们有充分的机会对性能做一些优化。本文会介绍其中最值得注意的几个。支持塞住模式的可写流现在可写流可以支持“塞住(corked)”模式，类似于你执行man tcp时见到的socket选项TCP_CORK和T...
.net对js和css、img剥离项目进行压缩优化、cdn加速
由于网站首页以及经常用的页面初始化慢，想后面想了对image、js和css进行迁移优化。1.把他放到独立的域名上面，这个就要对image，js和css从原项目上面脱离，以及把原来很多页面引用的地址修改成为带域名的，对于image、js和css脱离很简单(自己写个移动文件的工具去遍历文件夹查询相对应的...
Flutter for Web 首次首屏优化——JS 分片优化
作者：马坤乐(坤吾) Flutter for Web（FFW）从 2021 年发布至今，在国内外互联网公司已经得到较多的应用。作为 Flutter 技术在 Web 领域的有力扩充，FFW 可以让熟悉 Flutter 的客户端同学直接上手写 H5，复用 App 端代码高效支撑业务需求；在 App 侧 ...
【工具推荐】JS优化工具 Doloto
官方地址：http://msdn.microsoft.com/en-us/devlabs/ee423534.aspx Doloto是微软推出的AJAX应用程序优化工具，对于庞大复杂的Web站点包含很多代码非常有用，它的工作原理就是把页面中最先用到的Javascript代码分离出来，将页面初始化时...
JS基础——浅谈前端页面渲染和性能优化
加载html中的静态资源其中,加载静态资源的过程,一般为浏览器根据DNS服务器得到域名的IP地址,然后向这个IP的机器发送http请求,服务器收到、处理并返回http请求,浏览器得到返回http请求.浏览器渲染页面的过程根据HTML 结构生成DOM Tree根据CSS 生成 CSSOM将DOM和CS...
js Memoization 优化运行速度
项目中需要用到 大计算量 耗时的js运算。Memoize 是一个优化方法 ，对耗时的递归运算，漫长的查找运算的结果进行缓存，使运行时间最小化原理是缓存先前的结果计算值从而可以避免需要重新计算 提高运行速度的方法。magic 先看效果以斐波那契数组 为例当n>40 firfox ie ...
应用r.js来优化你的前端
r.js是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文件请求。要使用r.js需下载r.js文件（点我下载），将其放到你的项目根目录；还需要安装nodeJS（点我下载），...