提高网页效率,的14条准则
法约尔的管理的14条法则

法约尔的管理的14条法则1.劳动分工法约尔认为,劳动分工属于自然规律,通过劳动分工,可以提高人们的熟练程度,从而提高人们的工作效率。
劳动分工不只适用于技术工作,也适用于管工作;应该通过分工来提高管理工作的效率。
但是,法约尔又告诫我们:“劳动分工有一定的限度,经验与尺度感告诉我们不应超越这些限度。
”2.权力与责任实际上就是权力与责任相符的原则。
法约尔把一个领导者的权力分成两类,一类是由领导者的职务和职位所决定的正式权力;另一类是由领导者个人的智慧、博学、经验、精神道德等个人品质和素质所决定的个人权力。
作为一个出色的领导人,应该把个人权力作为正式权力的必要补充。
同时,有权力的地方,就有责任。
责任是权力的孪生物,是权力的当然结果和必要补充。
这就是著名的权力与责任相符原则。
为了贯彻权力与责任相符的原则,法约尔认为还应该有有效的奖励和惩罚制度,即“应该鼓励有益的行动而制止与其相反的行动”。
实际上,这就是我们讲的权责利相结合原则。
3.纪律实质上就是“和企业同其下属人员之间协定相一致的服从、勤勉、积极、举止及尊敬的表示”。
在这里,法约尔认为纪律应包括两个方面,即企业与下属人员之间的协定和人们对这个协定的态度及其对协定遵守的情况。
法约尔认为纪律是企业兴旺发达的关键,没有纪律,任何一个企业都不能兴旺繁荣。
4.统一指挥所谓统一指挥原则,指无论对哪一件工作来说,一个下级人员只应接受一个领导人的命令。
如果这条准则受到破坏,后果是很严重的,权力将受到损害,纪律将受到危害,秩序将受到扰乱,稳定将受到威胁。
如果两个领导人同时对同一个人或同一件事行使他们的权力,就会出现混乱,如果事情继续下去,混乱便会加剧,就像一个动物机体受到外界物体侵害那样出现病状。
所以,人们得出以下结论:要么撤销其中一个领导人,停止双重领导,使企业兴旺得到恢复,要么使整个企业继续日趋衰败。
在任何情况下,都不会有适应双重指挥的社会组织。
记住法约尔的忠告“一个下级人员只能接受一个上级的命令。
亚马逊领导力准则14条

亚马逊领导力准则14条
1. 把客户放在首位:要始终把客户放在首位,不断超越客户期望,为客户提供完美
的服务体验。
2. 诚实守信:诚实守信,注重尊重,绝不采取误导、欺骗或不公正的行为。
3. 推进变革:勇于探索,抓住机遇,挑战自我,勇于尝试新的解决方案,确保持续
创新。
4. 积极贡献:以队友为本,支持共同的成功,以提升团队效率为自身责任,欢迎同
仁的发言和投入。
5. 效率至上:扁平结构,简洁有力,极力提高效率,坚持最终追求高效和快速完成
任务。
6. 专业精神:追求专业,高质量,竭力尊重客户,解决问题,拓展自身发展,不断
提升自身服务能力。
7. 职业操守:行事正派,追求职业规范及合法合规,保证客户权益和企业利益,尊
重先人创造的价值观。
8. 勇于探索:勇于探索,抓住机遇,主动倾听外部新的服务体验,以更好地适应客
户的期望。
9. 勇往直前:关注最终用户,不断抓住发展机遇,勇敢前行,不畏难。
10. 用心实践:承担责任,勇于负责,立即行动,有条不紊,不断让业绩可持续提升。
11. 开放分享:开放共享,丰富思路,深入探索,开拓客户的体验,跨越思维模式。
12. 自律自强:艰苦精进,勤恳勤奋,不断自我探索,自觉担当,永不放弃。
13. 聆听不懈:保持真挚,主动聆听,变换视角,把握客户及市场需求,成为客户心
中的听众。
14. 赋能成就:召唤共衷者,携手合作,传承影响力,不断寻求成熟新思维,给予他
人更多的发展机会。
网站性能优化技巧

网站性能优化技巧为了提高网站的用户体验和搜索引擎排名,网站性能优化变得越来越重要。
在本文中,我们将分享一些有效的网站性能优化技巧,帮助你提升网站的加载速度和响应能力。
一、压缩和优化图片图片通常是网站加载速度较慢的主要原因之一。
为了解决这个问题,你可以通过压缩和优化图片来减小其文件大小。
使用像Photoshop这样的专业工具,可以将图片进行压缩并删除不必要的元数据。
另外,使用适当的图片格式(如JPEG、PNG或GIF)来减少文件大小也是一种有效的优化方法。
二、启用浏览器缓存浏览器缓存是一种将网站文件存储在用户本地计算机上的技术,以便在下次访问网站时可以更快地加载。
通过在服务器上设置适当的缓存头信息,可以告诉浏览器在一定时间内对特定文件进行缓存,从而减少网络请求和加载时间。
三、减少HTTP请求每次用户访问网站时,浏览器需要发起多个HTTP请求来获取网站的各个组成部分(如CSS、JavaScript和图片等)。
为了减少HTTP请求的次数,你可以将多个CSS文件合并为一个文件,将多个JavaScript文件合并为一个文件,并使用CSS Sprites将多个小图片合并为一个大图片。
这样一来,浏览器只需要发送少量的HTTP请求,从而减少网站加载所需的时间。
四、优化CSS和JavaScript优化CSS和JavaScript代码可以显著提升网站的加载速度。
你可以通过删除不必要的代码、压缩代码、使用精简的库或框架等方法来减小CSS和JavaScript文件的大小。
另外,将CSS样式表放置在网页的头部,将JavaScript脚本放置在网页底部,可以使网页逐步呈现,提高用户体验。
五、使用内容分发网络(CDN)内容分发网络是一种将网站的静态资源分布到全球不同地理位置的服务器上的技术。
通过使用CDN,用户可以从距离物理位置更近的服务器下载网站资源,从而提高加载速度。
使用像Cloudflare、MaxCDN 或Amazon CloudFront等CDN提供商可以帮助你将网站的静态资源进行缓存和加速。
贝索斯14条准则

贝索斯的14条领导准则包括:1. 痴迷客户(Customer Obsession):领导者从客户入手,再反向推动工作。
他们努力工作以赢得和维系客户的信任。
虽然领导者会关注竞争对手,但他们更关注客户。
2. 主人翁精神(Ownership):领导者是主人翁。
他们会从长远考虑,不会为了短期业绩而牺牲长期价值。
他们不仅代表自己的团队行事,更是代表整个公司做事。
3. 创新与简化:期望并要求自己的团队进行创新和发明,并始终寻求使工作简化的方法。
4. 决策正确(Are Right, A Lot):领导者在大多数情况下都能做出正确的决定。
有卓越的业务判断能力和敏锐的直觉。
5. 好奇求知(Learn and Be Curious):从不停止学习,不断寻找机会提升自己。
对各种可能性充满好奇,并做出行动进行探索。
6. 招聘和培养最优人才(Hire and Develop the Best):不断提升招聘和提拔员工的标准。
识别杰出人才,并乐于在组织中通过轮岗磨砺他们。
从员工角度出发,创建职业发展机制。
7. 坚持最高标准(Insist on the Highest Standards):不断提高标准,激励自己的团队提供优质产品、服务和流程。
8. 远见卓识(Think Big):局限性思考只会带来局限性结果。
领导者大胆提出并阐明大局策略,由此激发好的结果。
9. 崇尚行动(Bias for Action):速度对业务影响至关重要。
很多决策和行动是可推倒重来的,因此不需要进行过于广泛的研究。
提倡在深思熟虑的前提下进行冒险。
10. 勤俭节约(Frugality):以更少的投入实现更大的产出。
勤俭节约可以让我们开动脑筋,自给自足并不断创新。
11. 赢得信任(Earn Trust):领导者专注倾听、坦诚沟通、尊重他人。
领导者敢于自我批评,即便这样做会令自己尴尬或难堪。
12. 刨根问底(Dive Deep):领导者深入各个环节,随时掌控细节,经常进行审核。
网站性能优化的技巧

网站性能优化的技巧随着互联网的飞速发展,越来越多的企业和个人都有了自己的网站。
然而,网站不仅仅是一个工具,更是一个品牌形象的展示。
因此,网站的性能优化显得尤为重要。
如果一个网站的打开速度过慢、页面响应时间长等问题,会直接影响用户对网站的评价和体验。
那么,如何优化网站的性能呢?下面介绍几种常见的优化技巧。
一、图片优化在网站设计中,图片是一个不可或缺的元素。
然而,过多的图片会严重影响网站的打开速度。
因此,图片的优化是网站性能优化的重要一步。
具体的优化方法包括:1. 压缩图片大小可以使用图片压缩工具将图片的大小压缩至最小。
一般来说,优秀的图片压缩工具可以在不影响图片质量的情况下,将图片大小缩小至原来的10%左右。
这样可以大大提高网站的打开速度。
2. 使用适当的图片格式不同的图片格式对于网站性能的影响是不同的。
PNG格式的图片可以保持高质量的图片,但文件比较大,因此在需要保留图像透明度的情况下可以使用PNG格式。
对于没有透明背景的图片,可以使用JPEG格式,不仅可以减小文件大小,同时可以保持良好的清晰度。
二、CSS和JS文件合并和压缩CSS和JS文件的数量会直接影响网站的打开速度。
如果这些文件太多,大多数用户可能需要花费长时间才能下载完整个网页。
因此,对于CSS和JS文件进行合并和压缩是优化网站性能的必要步骤。
具体的方法是:1. 合并CSS和JS文件可以将多个CSS和JS文件合并到一个文件中。
这样可以大大减少文件的数量,从而提高网站的打开速度。
2. 压缩CSS和JS文件可以使用CSS和JS压缩工具将文件大小压缩至最小。
与图片压缩工具类似,优秀的CSS和JS压缩工具可以在不影响文件功能的情况下,将文件大小缩小至原来的10%左右。
三、减少HTTP 请求次数每次HTTP请求都会消耗一定的时间,而且大量的HTTP请求会严重影响网站的响应速度。
因此,减少HTTP请求次数是一种有效的网站性能优化技巧。
可以采用以下方法:1. 合并图片将多张图片合并成一张大图,在CSS中引用该图片,并使用CSS的background-position属性设置不同的位置。
网站性能优化实用技巧

网站性能优化实用技巧第一章:网站性能优化的重要性随着互联网的快速发展,网站已经成为企业与用户之间互动的重要载体。
然而,如果一个网站的性能不佳,加载速度慢或者响应时间长,就会给用户带来不好的体验,甚至可能导致用户流失。
因此,对于网站开发者和运维人员来说,优化网站性能是至关重要的。
第二章:前端优化技巧1. 压缩和合并文件:通过压缩和合并CSS和JavaScript文件,可以减少文件的大小,并且有效减少HTTP请求的次数,从而提升网页加载速度。
2. 使用缓存:合理设置缓存策略,将一些经常被访问的静态资源缓存在用户端,可以减轻服务器的负载。
同时,利用浏览器缓存可以减少用户请求次数。
3. 图片优化:使用适当的图片格式和压缩算法,减小图片的大小,可以提高网页的加载速度。
还可以使用懒加载技术,延迟加载图片,当用户需要查看时再进行加载。
第三章:后端优化技巧1. 数据库优化:优化数据库操作是提升网站性能的关键。
可以使用索引、查询缓存、分区等技术来加快数据库查询的速度。
2. 缓存技术:将一些经常被访问的数据缓存在内存中,减少对数据库的访问次数,以提高网站的响应速度。
可以使用分布式缓存技术,如Redis、Memcached等。
3. 异步处理:对于一些耗时的操作,可以使用异步处理的方式,将任务交给消息队列或者后台线程来处理,提高网站的并发能力和响应速度。
第四章:服务器端优化技巧1. 服务器选择:根据网站的特点和需求,选择合适的服务器。
可以考虑使用负载均衡、集群等技术,提高网站的可用性和稳定性。
2. 服务器配置优化:合理配置服务器的参数和资源分配,根据网站的负载情况来调整线程池、连接数等参数,以保证服务器的性能。
3. CDN加速:使用内容分发网络(CDN)来加速静态资源的传输,将这些资源分发到离用户较近的节点,减少网络延迟,提高网站的访问速度。
第五章:监控与优化策略1. 使用性能监控工具:可以使用一些性能监控工具,如Google Analytics、New Relic等,来收集和分析网站的性能数据,及时发现问题,并进行优化。
亚马逊信条14条领导力准则
亚马逊信条14条领导力准则亚马逊是一家享有盛誉的全球电子商务和云计算巨头,其成功离不开领导层的高效决策和领导力准则。
以下是亚马逊信条中的14条领导力准则:1.持续追求卓越:亚马逊要求所有员工始终精益求精,不论是项目目标还是工作绩效,都要积极追求更高的水平和更好的结果。
2.面对客户:亚马逊将客户放在第一位,为客户提供最好的产品和服务是公司的首要任务。
3.尊重和关心员工:亚马逊鼓励员工发挥其最大潜力,并关心员工的职业发展和福利,为员工提供培训和发展机会。
4.保持高效和灵活:亚马逊倡导迅速的决策和执行,在快速变化的市场环境中保持高效和灵活非常重要。
5.声音参与:亚马逊鼓励员工发表自己的想法和意见,促进多样化的思维和创造性的解决方案。
6.向上倾听:领导者应该积极倾听员工的建议和意见,认真对待他们的反馈,以便改进和成长。
7.勇敢地发表观点:亚马逊鼓励员工敢于发表自己的观点和看法,即使与其他人不同,也要坚持。
8.敢于犯错:亚马逊鼓励员工在工作中尝试新的创新想法,即使在失败和错误的情况下,也是成长和学习的机会。
9.学习和发展:亚马逊倡导员工不断学习和发展,通过培训和自我学习来提升个人能力。
10.创新与简化:亚马逊鼓励员工提出创新的想法,并简化复杂的流程和程序,提高工作效率。
11.为结果负责:亚马逊强调每个员工要对自己的结果负责,不仅仅是完成任务,而是确保实现可量化的目标和成果。
12.行动迅速:亚马逊强调快速决策和行动,以便在市场竞争中保持领先地位。
13.客户驱动的行动:亚马逊鼓励员工基于客户需求采取行动,并牢记公司的使命和价值观。
14.擦亮尖端和激情:亚马逊鼓励员工在工作中保持对新技术和行业的热情,并不断提高自己的专业知识和技能。
总体而言,亚马逊信条中的这些领导力准则强调了团队合作、创新、客户导向和自我发展的重要性。
这些准则帮助亚马逊建立了一支优秀的员工队伍,为公司的成功打下了坚实的基础。
网页优化技巧与最佳实践
网页优化技巧与最佳实践第一章:网页优化的重要性在如今互联网时代,拥有一个快速加载、易于浏览和用户友好的网页对于吸引访问者和提高用户体验至关重要。
网页优化旨在提高网页在搜索引擎中的排名,使其能够获得更多的曝光度和流量。
而优化网页的技巧和实践则是实现这一目标的关键。
第二章:关键词研究与使用关键词的选择和使用是优化网页的基础。
通过对目标受众和行业需求的深入研究,找到相关的关键词,可以帮助网页在搜索引擎中更容易被发现。
同时,在网页的标题、头部、内容和链接中合理地使用关键词,能够提高搜索引擎对网页相关性的认可度。
第三章:网页结构与布局网页的结构和布局对用户体验和搜索引擎优化都有很大影响。
合理的网页结构能够使用户快速找到所需信息,并提高用户留存率。
同时,良好的结构也有利于搜索引擎抓取和索引网页内容。
通过使用标题标签、段落标签、列表标签等HTML标签,可以清晰地组织网页内容,提高网页的可读性和可访问性。
第四章:网页内容的优化内容是网页的核心。
为了吸引访问者和搜索引擎对网页给予更多的关注,需要对网页内容进行优化。
首先,要确保网页内容的原创性和质量,避免盗版和低质量内容对网页排名的负面影响。
其次,要根据关键词进行内容规划,并合理地使用关键词,提高网页在搜索引擎中的相关性。
此外,还可以通过增加多媒体内容、图表和图像等丰富内容的形式,提升用户体验。
第五章:网页速度优化网页加载速度是用户体验和搜索引擎优化的重要指标。
细化网页内容、压缩图片和文件、优化CSS和JavaScript代码,以及使用缓存和CDN等技术手段,都可以减少网页的加载时间,提高网页的响应速度。
此外,选择合适的主机提供商和服务器位置,也能对网页速度进行优化。
第六章:移动设备优化随着智能手机和平板电脑的普及,移动设备优化变得至关重要。
网页需要适配不同尺寸和分辨率的移动设备,以提供更好的用户体验。
可采用响应式设计、移动优先的开发流程和AMP加速框架等技术手段,来优化网页在移动设备上的显示效果和加载速度。
亚马逊的14条领导力准则
亚马逊的14条领导力准则亚马逊(Amazon)是全球最大的电子商务和云计算公司之一,成立于1994年。
亚马逊以其创新性和领导力而闻名,为了帮助实现其使命和价值观,亚马逊制定了14条领导力准则(Leadership Principles),用于指导和评估员工在工作中的表现。
下面将详细介绍这14条领导力准则:1. 拥抱强大的客户导向(Customer Obsession):亚马逊的首要任务是满足客户的需求。
他们努力超越客户的期望,并不断创新来提供更好的产品和服务。
2. 追求卓越(Ownership):亚马逊鼓励每个员工在工作中表现出主人翁精神。
他们相信员工应该对自己的工作质量负责,并竭尽全力追求卓越。
3. 提供结果(Deliver Results):亚马逊非常强调实际结果的重要性。
员工应该设定明确的目标,并采取适当的行动来实现这些目标。
4. 专注并简化(Bias for Action):亚马逊注重行动力和快速决策。
他们鼓励员工果断采取行动,同时确保行动是明智和有效的。
5. 学习和渐进式改进(Learn and Be Curious):亚马逊鼓励员工保持学习态度,并持续改进自己的能力。
他们相信持续学习是实现卓越的关键。
6. 自我自足(Hire and Develop the Best):亚马逊致力于吸引、培养和保留最优秀的人才。
他们相信任何团队的成功都依赖于优秀的人才。
7. 打造高绩效文化(Insist on the Highest Standards):亚马逊要求员工在工作中始终追求最高标准。
他们相信只有在追求卓越的目标下,才能实现最好的结果。
8. 保持纯粹的思维(Think Big):亚马逊鼓励员工拥有远见和创新的思维方式。
他们相信只有超越传统思维,才能不断推动进步。
9. 有效沟通(Bias for Action):亚马逊致力于清晰、简洁和有效的沟通。
他们相信沟通是协作和建立关系的关键。
10. 团队合作(Earn Trust):亚马逊强调团队合作的重要性。
《编程技巧:提高网页性能的五个方法》
编程技巧:提高网页性能的五个方法引言随着互联网的发展,网页性能成为了用户体验和搜索引擎排名的关键因素。
优化网页性能可以提高用户满意度、减少页面加载时间和资源消耗。
本文将介绍五个提高网页性能的编程技巧,帮助开发者优化他们的网站。
1. 压缩文件在将CSS和JavaScript文件部署到生产环境之前,可以使用压缩工具来减小文件大小。
压缩文件不仅可以加快下载速度,还可以降低网络流量和服务器负载。
常用的压缩工具有UglifyJS和CSSNano。
例:原始文件大小:100KB压缩后文件大小:50KB2. 图片优化图片通常占据网页中大量的数据量。
优化图片可以显著提高页面加载速度。
以下是一些优化图片的方法:•使用适当格式:选择合适的格式(如JPEG、PNG或WebP)以平衡图像质量和文件大小。
•压缩图片:使用压缩工具(如TinyPNG)来减少图片文件大小。
•图片懒加载:只有当用户滚动到可见区域时才加载图片。
原始图片大小:500KB优化后图片大小:100KB3. 利用缓存机制缓存是一种提高网页性能的重要机制。
通过在浏览器中缓存静态资源,可以减少对服务器的请求并加快页面加载速度。
•设置合理的缓存头:通过设置Expires或Cache-Control头来控制资源缓存时间。
•版本控制:在文件名上添加版本号或哈希值,以确保当文件更新时浏览器能够重新请求最新版本。
例:设置Expires头使资源在未来30天内可从浏览器缓存加载。
4. 延迟加载将 Javascript 和 CSS 代码分为不同的模块,并延迟加载那些非关键性和非紧急的模块,可以有效减少初始页面加载时间。
以下是一些常见的延迟加载技术:•异步加载JavaScript:使用async或defer属性,在下载 JS 文件时不阻塞 HTML 解析。
例:<script src="script.js" async></script>•预先加载关键和可视区域所需的 CSS 和 JavaScript。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
文档名称 第 1 页 共 9 页 网站最基本的东西是什么? ——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度! 内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。 所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢?Steve Souders(Steve Souders的资料http://www.oreillynet.com/pub/au/2951)提出的提高网页效率的14条准则,而这些准则也将是我们下篇中介绍到的YSlow工具的理论基础:
Make Fewer HTTP Requests Use a Content Delivery Network Add an Expires Header Gzip Components Put CSS at the Top Move Scripts to the Bottom Avoid CSS Expressions Make JavaScript and CSS External Reduce DNS Lookups Minify JavaScript Avoid Redirects Remove Duplicate Scripts Configure ETags Make Ajax Cacheable 这里我们将逐一的讲解这些准则,对其中开发者密切相关的准则我将详细讲解。小弟个人技术实在有限,错误和无知在所难免,还请高人指点。
文档名称 第 2 页 共 9 页 第一条:Make Fewer HTTP Requests 尽可能的减少HTTP的Request请求数。
80%的用户响应时间都是浪费在前端。而这些时间主要又是因为下载图片、样式表、JavaScript脚本、flash等文件造成的。减少这些资源文件的Request请求数将是提高网页显示效率的重点。 这里好像有个矛盾,就是如果我减少了很多的图片,样式,脚本或者flash,那么网页岂不是光秃秃的,那多难看呢?其实这是一个误解。我们只是说尽量的减少,并没有说完全不能使用。减少这些文件的Request请求数,当然也有一些技巧和建议的:
1、用一个大图片代替多个小图片。 这的确有点颠覆传统的思维了。以前我们一直以为多个小图片的下载速度之和会小于一个大图片的下载速度。但是现在利用httpwatch工具的对多个页面进行分析后的结果表明事实并不是这样。 第一张图是一个大小为40528bytes的337*191px的大图片的分析结果。 第二张图是一个大小为13883bytes的280*90px的小图片的分析结果。
一个大小为40528bytes的337*191px的大图片的分析结果(点击图片可以查看完整大图片) 文档名称
第 3 页 共 9 页 一个大小为13883bytes的280*90px的小图片的分析结果(点击图片可以查看完整大图片)
第一张大图片花费时间为: Blocked:13.034s Send:0.001s Wait:0.163s Receive:4.596s TTFB:0.164s NetWork:4.760s 功耗时:17.795s 真正用于传输大文件花费的时间为Reveive时间,即4.596s,多数的时间是用来检索缓存和确定链接是否有效的Blocked时间,供花费13.034s,占总时间的73.2%。
第二张小图片花费时间为: Blocked:16.274s Send:小于0.001s Wait:0.117s Receive:0.397s TTFB:0.118s NetWork:0.516s 功耗时:16.790s 真正用于传输文件的花费时间是Reveive时间,即0.397s,这的确要比刚才大文件的4.596s小很多。但是他的Blocked时间为16.274s,占总时间的97%。
如果这些数据还不够说服你的话,让我们看看下面这张图。这里列出了某个网页中所有图片中的花费时间示意图。当然,里面的图片有大有小,规格不一。 文档名称 第 4 页 共 9 页 大约80%以上的时间是用来检索缓存和确定链接是否有效的Blocked时间。其中藏青色的为传输文件花费的Reveive时间,而前面白色的为检索缓存和确认链接是否有效的Blocked时间。铁一样的事实告诉我们:
大文件和小文件下载所需时间的确是不同的,差异的绝对值不大。而且下载所需时间占总耗费时间比例很小。
大约80%以上的时间是用来检索缓存和确定链接是否有效的Blocked时间。无论文件大小,这个时间的花费大致是相同的。而且所占总耗费时间的比例是极大的。
一个100k的大图片总耗费时间绝对大于4个25k的小图片的总耗费时间。而且主要差别就是4个小图片的Blocked时间绝对大于1个大图片的Blocked时间。
所以如果可能还是使用大图片来替代过多的琐碎的小图片吧。这也是为什么翻转门的效率要高于图片替换实现的滑动门的原因。 但是,请注意:也不能用太大的单张图片,因为那样会影响到用户体验。例如个几兆的背景图片的使用绝对不是一个好主意。
2、合并你的css文件。 合并与融合我以前犯了一个错误,你在看我《样式表的组织与规划》的系列文章中会知道。当时,我为了方便组织和规划样式表,将用于不同用途的样式表文件分离开来,形成不同的css文件。然后在页面中根据需要引用多个css文件。根据“尽可能的减少HTTP的Request请求数”准则我们知道,那样的确是不合理的,因为那样会产生更多的HTTP的Request请求数。从而降低网页的效率。所以,从提高网页效率的角度上而言,我们还是应该将所有的css写在同一个css文件中。但是问题又来了。那么怎么来很好的组织和规划样式表呢?这的确是个矛盾。我现在的做法是采用两套版本。编辑版和发布版。编辑版仍然使用多个css文件以便于规划和组织。而等到发布的时候,再将多个css文件合并到一个文件中去,从而达到减少HTTPRequest请求数的目的。
3、合并你的javascript文件。 文档名称 第 5 页 共 9 页 原因和处理方法同上,不再赘言。 第二条:Use a Content Delivery Network 使用CDN 这个看上去好像很深奥的样子,但是只要结合中国的网络特色,这个便不难理解了。“北方服务器”、“南方服务器”、“电信服务器”、“网通服务器”„„这些词听起来是那么熟悉和压抑。如果,一个北京的电信用户试图从广东的网通服务器上打开一个类似《壁纸合集》帖子的网页时,你就能很深刻的理解。 鉴于这个不是我们开发人员力所能及的准则,所以这里也就不多言了。
图:这个图也算有点中国特色了
第三条:Add an Expires Header 添加周期头 这个也并非开发人员来控制,而是网站服务器管理员的职责。所以,如果作为开发人员的你不了解和明白也没有关系。还是把这个准则告诉公司的网站服务器管理员。
第四条:Gzip Components 启用Gzip压缩 这个大家应该比较熟悉。Gzip的思想就是把文件先在服务器端进行压缩,然后再传输。这对于体积较大的纯文字型的文件有特效。鉴于这也并非开发人员,而是网站服务器管理员的工作范畴,这里就不详细讲解了。如果你对此感兴趣,可以资讯贵公司的网站服务器管理人员。 文档名称 第 6 页 共 9 页 第五条:Put CSS at the Top 把CSS样式放在页面的上方。 无论是HTML还是XHTML还是CSS都是解释型的语言,而非编译型的。所以CSS到上方的话,那么浏览器解析结构的时候,就已经可以对页面进行渲染。这样就不会出现,页面结构光秃秃的先出来,然后CSS渲染,页面又突然华丽起来,这样太具有“戏剧性”的页面浏览体验了。
第六条:Move Scripts to the Bottom 将脚本放在底部 原因同第五条一样。只是脚本一般是用来于用户交互的。所以如果页面还没有出来,用户连页面都不知道什么样子,那谈交互简直就是扯谈。所以,脚本和CSS正好相反,脚本应该放在页面的底部。
第七条:Avoid CSS Expressions 避免使用CSS中的Expressions
首先有必要先说明一下CSS Expressions是什么一个东西。其实它就像其它语言中的if„„else„„语句。这样在CSS中就可以进行简单的逻辑判断了。举个简单的例子——
readonly="true">
这样css就可以根结一些情况分别使用不同的样式了。如果你对这个感兴趣可以到我的博客上阅读相关的文章—— 《CSS中的expression系列文章》。但是CSS中Expressions 的代价却是极高的。当你的页面需要根据判断来渲染效果的元素很多的时候,那么你的浏览器将长期处于假死状态,从而给用户带来极差的用户体验。