分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

提高网页性能

发布时间:2023-09-06 02:24责任编辑:苏小强关键词:暂无标签

  1.多采用雪碧图

    将很多图片合成一张图片,需要多次请求,只需要一次就请求过来了,减少向服务器的请求次数

  2.阻止超链接的默认行为  

    点击超链接,会向后台发送请求,刷新页面,所以要以<a href="javascript:;"></a>  取消刷新页面的功能

  3.减少dom回流 

    dom回流:

    添加一个,对第一个计算一次

    添加两个,对第一个计算两次,对第二个计算一次

    添加三个,对第一个计算三次,对第二个计算两次,对第三个计算一次

    页面渲染时,我们对HTML结构简单的增删,查改时,浏览器会对所有的dom重新排列,这就是dom回流,严总影响浏览器性能

    所以使用文档碎片来减少dom回流(字符串拼接,及dom回流的结合版)

  4.减少向服务器的请求次数

    尽可能多的减少向服务器的请求次数,提高网页的性能

提高网页性能

原文地址:https://www.cnblogs.com/bokeyanghao/p/10043944.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved