提高html页面的性能,提高HTML页面性能的技巧 女爷i 2022-10-06 04:43 163阅读 0赞 微软的开发周期中很重要的一块是调整产品的性能。性能调整也是开发者应当留心的关键部分之一。经过多年发展,业界对于如何优化Win32程序性能已经有非常多的了解。 现在开发者遇到的问题之一是不太清楚是什么导致DTHML和HTML页面运行快或者慢。当然,有一些很简单的方法——比如不要使用2MB大的图片。我们曾经使用过另外一些有趣的技巧提高了DHTML页面的性能,希望它们能帮助你改善自己的页面性能。 这里我使用了一个建立Table的程序例子。其中用document.createElement()和element.insertBefore()方法创建了1000行(Row)的表(Table)。每行有一列(Cell)。Cell中包含的内容称为"Text"。这段代码能有多糟呢?这么小的程序又能有多大调整余地呢?请看介绍。 一开始我写了一段自认为会很快的程序,我尽量避免一些低级问题----像没有显式定义变量、或者在一个页面中同时使用VBScript和Javascript。程序如下: 我在PII233/64MB内存/NT4.0/IE5.0的机器上运行这段程序。页面从本机上装载。从开始装载页面到页面完全安静下来(所有的事件均已经运行,屏幕显示完成)的时间为2328毫秒,这也是本次测试的基线(我称之为Test1)。 这个页面中,一个很耗时的操作是频繁引用全局对象,如“document”、“body”、“window”等。引用所有这些类似的全局变量远比引用一个本地变量代价高昂。 因此我作了第一次改进尝试:缓存(Cache)document.body到本地变量“theBody”中: 增加了如下代码:var theBody = document.body; 然后修改这一行:document.body.insertBefore(tbl, null); 将之改为:theBody.insertBefore(tbl, null); 这次修改并没有太大影响到整体时间,它只缩短了3 ms。但它已经表明,如果在循环中也有document.body对象而对其引用做出修改,带来的好处将是可观的。 随后,我缓存了document对象----在我们这个测试中,document对象共被引用了3002次。修改后代码如下: 此次运行时间只有2100ms,节约了大约10%的时间。使用本地变量而不是直接引用document对象平均每次节约了0.4毫秒。 一个常用的优化性能的方法是:当脚本不需要立即运行时,在 下面是使用了defer属性修改后的代码版本:
相关 性能优化:Java代码提高效率的技巧 Java代码的性能优化是一个持续的过程,以下是一些常用的技巧: 1. **数据结构选择**:合理使用数组、链表、哈希表等,根据数据访问模式选择最合适的。 2. **算法优化 曾经终败给现在/ 2024年09月12日 09:09/ 0 赞/ 28 阅读
相关 电脑技巧:如何提高电脑性能 ![396d90cf8e12813a2dee8e653af2be02.jpeg][] 如何提升电脑性能? 很多小伙伴很纳闷,自己买了高配置的电脑,可无论是打游戏还是运行 ╰+哭是因爲堅強的太久メ/ 2024年03月26日 16:14/ 0 赞/ 59 阅读
相关 提高 Angular 性能的 5 个技巧 作为 Angular 开发人员,您了解构建高性能 Web 应用程序的重要性。缓慢的加载时间、缓慢的用户界面和糟糕的用户体验都会损害您网站的声誉并阻止用户返回。 不要害怕——有 淡淡的烟草味﹌/ 2023年09月26日 23:12/ 0 赞/ 93 阅读
相关 7大提高 React 性能的技巧 一些刚开始学习 React,或者从其他框架转入 React 的开发者,一开始可能不会太关注性能。因为需要一些时间来发现新学习的框架的性能缺点。 后来,由于缺乏经验,这些开发人 爱被打了一巴掌/ 2023年09月25日 15:55/ 0 赞/ 94 阅读
相关 提高html页面的性能,提高HTML页面性能的技巧 微软的开发周期中很重要的一块是调整产品的性能。性能调整也是开发者应当留心的关键部分之一。经过多年发展,业界对于如何优化Win32程序性能已经有非常多的了解。 现在开发者遇到的 女爷i/ 2022年10月06日 04:43/ 0 赞/ 164 阅读
相关 javascript提高页面性能 在一些移动设备或者在HybridApp中,有时候设备的javascript效率并不高,导致页面卡顿,体验下降。因此需要尽量优化javascript的执行效率。以下是一些搜集的经 谁践踏了优雅/ 2022年08月03日 13:53/ 0 赞/ 154 阅读
相关 提高HTML5 canvas性能的几种方法! 简介 HTML5 canvas 最初起源于苹果(Apple)的一项实验,现在已经成为了web中受到广泛支持的2D[快速模式绘图][Link 1](2D[ immediate 向右看齐/ 2022年06月13日 07:25/ 0 赞/ 169 阅读
相关 提高MySQL性能的7个技巧 译者注: 随着尺寸和负载的增长,MySQL的性能会趋于下降。记住这些诀窍,便可保持MySQL的流畅运行。 ![id][] 测量应用程序的方法之一是看性能。而性能的指标 Dear 丶/ 2022年05月20日 04:08/ 0 赞/ 206 阅读
相关 WEB前端性能优化,提高页面加载速度 可能有人会说:网站的性能是后端工程师的事情,与前端并无多大关系。我只能说,too young too simple。事实上,只有10%~20%的最终用户响应时间是用在从Web服 短命女/ 2021年09月18日 15:52/ 0 赞/ 528 阅读
还没有评论,来说两句吧...