web网页重构和前端性能优化方法是怎样的
创始人
2024-12-16 08:42:02
0次

  网页重构,在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。

  网页重构是怎样的

  对于传统的网站来说重构通常是:

  表格(table)布局改为div+css

  使网站前端兼容于现代浏览器(针对于不合规范的css、如对IE6有效的)

  对于移动平台的优化

  针对于seo进行优化

  深层次的网站重构应该考虑的方面

  减少代码间的耦合

  让代码保持弹性严格按规范编写代码

  设计可扩展的API

  代替旧有的框架、语言(如VB)

  增强用户体验

  通常来说对于速度的优化也包含在重构中

  压缩js、css、image等前端资源(通常是由服务器来解决)

  程序的性能优化(如数据读写)

  采用CDN来加速资源加载

  对于jsDOM的优化

  HTTP服务器的文件缓存

  网页重构优化的方法?

  (1)减少http请求次数:cssSprites,js、css源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存,图片服务器。

  (2)前端模板js+数据,减少由于html标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数

  (3)用innerhtml代替DOM操作,减少DOM操作次数,优化JavaScript性能。

  (4)当需要设置的样式很多时设置className而不是直接操作style。

  (5)少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

  (6)避免使用cssExpression(css表达式)又称Dynamicproperties(动态属性)。

  (7)图片预加载,将样式表放在顶部,将脚本放在底部加上时间戳。

  (8)避免在页面的主体布局中使用table,table要等其中的内容完全下载之后才会显示出来,显示比div+css布局慢。对普通的网站有一个统一的思路,就是尽量向前端优化、减少数据库操作、减少磁盘IO。向前端优化指的是,在不影响功能和体验的情况下,能在浏览器执行的不要在服务端执行,能在缓存服务器上直接返回的不要到应用服务器,程序能直接取得的结果不要到外部取得,本机内能取得的数据不要到远程取,内存能取到的不要到磁盘取,缓存中有的不要去数据库查询。减少数据库操作指减少更新次数、缓存结果减少查询次数、将数据库执行的操作尽可能的让你的程序完成(例如join查询),减少磁盘IO指尽量不使用文件系统作为缓存、减少读写文件次数等。程序优化永远要优化慢的部分,换语言是无法“优化”的。

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...