`
piperzero
  • 浏览: 3554804 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

前端开发的优化问题

阅读更多
前端开发的优化问题
(1) 减少http请求次数:css spirit,data uri
(2) JS,CSS源码压缩
(3) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数
(4) 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能
(5) 用setTimeout来避免页面失去响应
(6) 用hash-table来优化查找
(7) 当需要设置的样式很多时设置className而不是直接操作style
(8) 少用全局变量
(9) 缓存DOM节点查找的结果
(10) 避免使用CSS Expression
(11) 图片预载
(12) 避免在页面的主体布局中使用table,table要等其中的内容完全下载之后才会显示出来,显示比div+css布局慢
分享到:
评论

相关推荐

    前端开发经验沉淀 前端性能优化及开发工具 共25页.ppt

    前端性能优化是指在前端开发过程中,对Web应用程序的性能进行优化,以提高用户体验和页面加载速度。本文将介绍前端性能优化的经验沉淀,包括机票双程性能优化和开发工具的使用。 一、前端性能优化 1. 机票双程性能...

    基于JavaScript的WebGIS前端开发及优化

    近年来网站客户端开发规模越来越大并且有很多由AJAX开发的复杂页面, 系统中的客户端脚本大量增加,前端开发就产生了诸如代码量大、组织困难、难 以维护、代码复用低、扩展适应性差等此类的问题。究其原因,以往前端...

    阿里前端开发规范.pdf

    "阿里前端开发规范" 阿里前端开发规范是阿里巴巴集团为其前端开发者所制定的开发规范,旨在提高开发效率、代码质量和团队协作。该规范涵盖了前端开发的各个方面,包括命名规范、HTML 规范、CSS 规范等。 命名规范 ...

    前端性能优化探索.pdf

    JavaScript是前端开发中最常用的脚本语言之一,优化它的性能可以有效地提升页面响应速度和流畅度。下面介绍一些常见的JavaScript性能优化方法: 1. 函数节流:函数节流是指在一定时间内只执行一次函数,比如鼠标...

    前端性能优化与实践.zip

    在前端开发领域,性能优化是提升用户体验的关键环节。"前端性能优化与实践.zip"这个压缩包包含了一系列关于前端性能优化的深度文章和教程,涵盖了浏览器缓存机制、首屏加载优化、服务端渲染、事件处理策略、图片优化...

    前端性能优化指南

    前端性能优化指南

    Web前端开发职业技能等级标准.pdf

    充分考虑到了Web前端开发从业人员的职业发展路径与成长路径,以职业素养、职业技能、知识水平为主要框架结构,设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用、项目...

    前端性能优化原理与实践.zip

    在前端开发领域,性能优化是提升用户体验和网站可访问性的重要环节。这本"前端性能优化原理与实践"小册子深入探讨了如何通过一系列技术手段优化前端页面,旨在帮助开发者构建更快、更流畅的Web应用。以下是该压缩包...

    基于网站制作的Web前端开发优化.pdf

    本文主要围绕基于网站制作的Web前端开发优化进行探讨,旨在阐述这一领域的基本概念、重要性以及未来的发展趋势。 Web前端开发技术主要包括HTML、JavaScript和CSS这三大核心技术。HTML(超文本标记语言)是构建网页...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    26前端开发基础视频-图片标签img的使用和title的seo优化.avi 27前端开发基础视频-网站图片的类型及如何选择.avi 28前端开发基础视频-有序列表和无序列表.avi 29前端开发基础视频-有序列表和无序列表的补充.avi ...

    web前端开发技术储久良第三版答案

    这本书旨在帮助学习者深入理解Web前端开发的核心概念和技术,通过解决实际问题来巩固理论知识。 一、HTML基础 HTML(超文本标记语言)是网页制作的基础,它定义了网页的结构。储久良第三版教材中的答案可能包括各种...

    前端开发规范手册前端开发规范手册

    # 前端开发规范手册 此手册主要实现的目标:**代码一致性**和**最佳实践**。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。 此...

    WEB前端开发.pdf

    ### WEB前端开发性能优化知识点详解 #### 一、性能优化 **1. 减少HTTP请求数** - **背景**: 在网页加载过程中,每个图片、CSS文件、JavaScript文件、Flash对象等都会产生一个HTTP请求,这会显著增加网页加载时间...

    前端开发规范手册合集.zip

    《前端开发规范手册合集》是一份集合了前端开发各个层面规范的综合资源,旨在提升团队协作效率,保证代码质量,以及实现项目的可维护性和可扩展性。这份压缩包包含了以下主要内容: 1. **前端开发基本规范**:这...

    Web前端开发中级样题一理+实.zip

    通过解答这些样题,学员不仅可以加深对Web前端技术的理解,还能提升解决问题的实际能力,为1+x Web前端开发认证考试做好充分准备。在实践中不断学习和进步,是成为一名优秀Web前端开发者的必经之路。

    2017前端开发最新面试题

    在当前的IT行业中,前端开发领域始终保持着旺盛的生命力,技术更新迭代迅速,对开发者的要求也越来越高。2017年,尽管已是几年前,但那时的前端面试题仍然能反映出当时的主流技术和趋势,对于今天的开发者来说,仍...

    前端 - 郭碧青《Web 前端性能优化思路与学习方法》.pdf

    郭碧青是腾讯公司的一位资深前端工程师,他在Web前端性能优化方面有着丰富的实践经验,并且对于性能优化的工作充满热情。郭碧青在行业内的知名度很高,虽然行事低调,但是经常受邀在各种大型会议和技术活动中分享...

Global site tag (gtag.js) - Google Analytics