`
caibinghong
  • 浏览: 150791 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

web应用的优化规则

 
阅读更多

中文 英文
1、 减少http请求 1、Make fewer HTTP requests
2、 使用CDN内容分发 2、Use a Content Delivery Network(CDN)
3、 避免空的src或 3、Avoid empty src or href 
4、 向文档添加一个有效期, 告诉浏览器这个文档的有效性和持久性.如:服务器配置不常更新的文件(图片,样式等)  4、Add Expires headers
5、用gzip的压缩,在服务器配置gzip压缩文件 5、Compress components with gzip
6、把CSS顶部 6、Put CSS at top
7、把JavaScript底部 7、Put JavaScript at bottom
8、避免使用CSS表达式 8、Avoid CSS expressions
9、文件很大时将js与css独立成外部文件 9、Make Javascript and CSS external
10、减少dns检查 10、Reduce DNS lookups
11、减少js与css的文件大小 11、Minify Javascript and CSS
12、避免URL重定向跳转 12、Avoid URL redirects
13、删除重复的Javascript和CSS 13、Remove duplicate Javascript and CSS

14、配置你的实体标签.Etag是服务器告诉浏览器缓存,缓存中的内容是否已经发生变化的一种机制。

14、Configure entity tags(ETags)
15、缓存ajax . Ajax是实时响应的,在浏览器接收到新的数据前,旧的数据被缓存,这样能够更好的提高效率。 15、Make Ajax cacheable
16、用GET方式进行AJAX请求。 Get 方法和服务器只有一次交互(发送数据),而 Post 要两次(发送头部再发送数据)。 16、Use Get  for Ajax requests
17、减少DOM元素的数量 17、Reduce the number of DOM elements
18、避免HTTP 404错误(未找到) 18、Avoid HTTP 404 (Not Found) error
19、减少Cookie的大小. 设置合理的过期时间,能够很好的提高效率。 19、Reduce cookie size
20.对组件使用无Cookie的域名. 对静态组件的Cookie读取是一种浪费,使用另一个无Cookie的域名来存放你的静态组件式一个好方法,或者也可以在Cookie中只存放带www的域名。 20、Use cookie-free domains
21、 如果需要Alpha透明,不要使用AlphaImageLoader,它效率低下而且只对IE6及以下的版本适用,用PNG8图片。如果你非要使用,加上_filter以免影响IE7+用户。 21、Avoid AlphaImageLoader filter
22、不要在HTML中缩放图片 22、Do not scale images in html
23、缩小favicon. ico的大小并缓存它, 站点的浏览器ICO应该不是经常换吧,那就长时间的缓存它,并且最好控制在1K以下。 23、Make favicon small and cacheable


 

 

 

分享到:
评论

相关推荐

    Web应用前端性能优化浅析

    对于不断发展的Web应用,性能优化如同逆水行舟,不进则退。一般可以从前端和后端的优化来改善Web站点性能。本文侧重通过对前端性能的分析,为Web站点前端性能优化提供了理论依据和一般的优化策略,并讲述了一些用于B/S...

    搭建WEB应用环境下载资料

    在IT行业中,Web应用环境是开发、测试和部署基于Web的应用程序所必需的基础设施。它由一系列组件构成,包括服务器软件、数据库系统、编程语言解释器或编译器,以及其他必要的工具和库。本篇文章将深入探讨如何搭建一...

    Web应用开发原理与技术

    Web应用开发原理与技术是构建基于互联网的交互式应用程序的过程,它使得用户可以通过网页浏览器进行数据交换、功能操作以及信息获取。这一领域的知识涵盖了多种技术和工具,包括前端开发、后端开发、数据库管理、...

    web应用与开发PPT

    *** Core MVC:这是构建Web应用程序的核心技术,MVC代表模型(Model)-视图(View)-控制器(Controller)模式,是实现Web应用逻辑的常用设计模式。 C#语言基础知识点: 1. .NET与C#概述:介绍了.NET Core运行平台和...

    web应用程序ppt

    "WEB程序设计"可能是PPT的一个章节或者部分,这可能涵盖了Web应用的整体设计思路,包括前端界面设计、后端逻辑实现、数据库交互、API设计、用户体验考虑、性能优化等方面。这部分可能会用ASP.NET作为实例来展示如何...

    C#Web应用程序入门经典

    10. **Web性能优化**:讲解如何通过缓存、减少HTTP请求、压缩资源等手段提升Web应用的性能。 11. **部署与发布**:学习如何将开发好的Web应用程序部署到IIS服务器,以及配置和管理Web服务器。 12. **最佳实践与...

    web应用系统开发书中程序

    8. **性能优化**:通过缓存策略、代码压缩、图片优化、CDN(内容分发网络)等手段,可以显著提升Web应用的加载速度和用户体验。 9. **测试与部署**:单元测试、集成测试和端到端测试确保代码质量,而持续集成/持续...

    hysia:一种快速识别web应用程序的方法(Web Application Detector)

    WAD可能在某些方面与国际上知名的Web应用识别工具或服务有所不同,这可能体现在所采用的技术、规则库的构成、性能优化等方面。同时,通过Web应用指纹特征识别,我们不仅可以了解Web应用的类型和生态环境,还可以针对...

    Web 应用开发原理与技术

    8. **性能优化**:Web应用性能涉及加载速度、响应时间等方面。可以通过压缩资源、缓存利用、CDN加速、懒加载策略等手段提高用户体验。 9. **部署与运维**:Web应用上线前,需要考虑部署环境(如Docker容器化)、...

    ASP.NET Web应用系统项目开发

    ASP.NET Web应用系统项目开发是基于微软的.NET框架构建高效、安全且可伸缩的Web应用程序的方法。在本文中,我们将深入探讨ASP.NET Web应用系统的各个关键知识点,以及如何通过项目开发来提升技能。 首先,ASP.NET是...

    Web 应用开发原理与技术.rar

    数据库设计和优化对于Web应用的性能至关重要。 Web应用的通信通常通过HTTP/HTTPS协议进行,RESTful API设计原则使得前后端分离更加清晰。随着Web技术的发展,WebSockets提供实时双向通信,常用于在线聊天、实时股票...

    基于Web数据库应用技术

    随着互联网技术的迅猛发展,Web应用程序的复杂性和需求日益增加。在这一背景下,**基于Web的数据库应用技术**变得尤为重要,它涉及到如何高效地将Web前端与后端数据库系统相连,以实现快速的数据查询、处理和响应。...

    Web应用服务架构的性能优化.pptx

    Web应用服务架构的性能优化是现代互联网开发中至关重要的一个环节,它涉及到多个层面的技术创新和策略调整。本文将深入探讨这些优化思路,包括Web性能的层级分析、IO优化、数据库优化、网络层优化、前端优化、编程...

    大型Web应用与研发 凤凰网

    通过对系统架构、程序架构、底层研发等方面的深入理解与优化,可以有效提升大型Web应用的性能和用户体验。同时,结合具体的业务场景和技术趋势,不断探索新的解决方案,是大型Web应用持续发展的关键。

    Web应用服务器研究综述.docx

    云计算技术的兴起为 Web应用服务器提供了强大的计算、存储和管理能力。虚拟化技术可将物理资源转化为逻辑资源,提高资源利用率。基于云计算和虚拟化技术的 Web 应用服务器可实现动态资源分配、弹性伸缩和高可用性等...

    WEB应用程序设计代码完整版

    在本文中,我们将深入探讨"WEB应用程序设计代码完整版"这一主题,这涵盖了Web程序设计与开发的关键技术和实践。Web应用程序设计是构建基于互联网的应用程序的过程,这些应用程序可以在Web浏览器中运行,为用户提供...

    Web技术应用基础电子教案

    11. **Web存储**:随着Web应用复杂性的增加,本地存储需求也在增长。浏览器提供了本地存储机制,如Cookie、localStorage和sessionStorage,以及新的IndexedDB,用于存储大量数据。 12. **Web性能优化**:包括减少...

Global site tag (gtag.js) - Google Analytics