【观点】如何打造网站高性能的核心优势

news/2024/5/20 15:47:34/文章来源:https://blog.csdn.net/weixin_34025151/article/details/94552128

【CSDN编译】导读:本文根据Jeff Atwood的博文《Performance is a Feature》整理编译而来。作者就如何创建高性能网站分享了一些经验。现整理出来与大家分享。

以下是博客内容:

很多数据表明,网页打开和下载的速度越慢,用户越不愿使用。

从Google搜索中可看出,当页面显示10个答案需要用时0.4秒,而页面出现30个结果需要用时0.9秒,仅仅半秒钟导致下降20%的传输,半秒钟的延迟同时降低了用户的满意度。

我相信反过来也是如此,即网站速度越快,就会有更多的人愿意使用它。这是一个逻辑:页面速度载入的越快,用户就能越快可以辨别这个页面是否包含了想要的东西。因此,他们总是愿意浏览快速的网站。不管这些内容是否是用户要寻找的,当然也有类似的经验,可提供多个网站。那么如何辨别呢?首先,它得存在,速度要快。

你是否觉得这有必要如此对速度的需求?如果是这样,我有三点建议与大家分享。

按照雅虎的指导方针

为建立快速的网站黄金参考标准,雅虎2007年为网站提高速度的13个简易规则

这里有一些好的建议,如果运行某一个网站,每天可拥有数百万的用户。

因为我四年前写的这个,发生了一些有趣的事。我现在经营一家公共网站,技术问答社区,日常访问量可达到数百万用户。当然它也取决于网站规模的大小。 如果你想经营一家公共网站,你真的应该熟读雅虎的清单,用心领会每一行或者借助于工具,它们都会帮助你改变网站的性能:

Yahoo YSlow

Google Page Speed

Pingdom Tools

一直以来,我们对雅虎的列表实施超过13项,除了一个:Using a Content Delivery Network。作为最后一步的优化,我们刚刚推出了为所有静态内容的CDN,结果是令人兴奋的,我们的数据中心在NYC, 因此,可以说成“在世界上的某个区域我们的网站为用户提供的有多快速?”。

从技术的准确度利益上讲,静态内容不支持图片特性,用户必须通过我们的NFC服务来获得动态内容,但是90%的访问者都是匿名的,只有36%的流量来自于美国。雅虎的研究表明,40%---60%的日常访问者用一个空的浏览器来缓存,而能够优化这个全球冷门缓存性能是个巨大的胜利。

由于关于雅虎的性能调整,而且都是免费的小工具,导致我们不会继续推荐CDN,与其他公司相比类似亚马逊、NetDNA和CacheFly等,自从2007年以来使用CDN也受益很多。因此。在时机成熟时,把雅虎列表当做一种信仰来工作吧。

重视(优化)匿名和注册用户

目前我们的主要信息来源于匿名用户,通过他们的搜索引擎以及其他方式获知。

这是典型的“write once, read – and hopefully edit – millions of times.”,同时我们也因社区活跃用户使网站内容更加丰富多彩。我们一直在改进新的性能,这也就意味着我们将提供JavaScript 和HTML甚至更多服务。通过下载量上就可以在用户之间辨别出哪些用户每天在网上,哪些用户是一个月或者是一年才浏览网站。

两种类别都很重要,针对不同的需求。匿名用户偏爱优化浏览器速度。而社区用户则更关心内容资源。两种类别互相依赖,并需要不同的对待。我们设计和优化两个用户类:匿名用户和注册用户。下面是我随机挑选的谷歌Chrome浏览器用户使用情况:

我们尽量减少匿名用户使用HTML, CSS and Javascript这样网页速度更快。我们在用户输入大区域设置一个基本功能“rez in”类似编辑功能,对注册用户来说,空间容量必须足够大,同时我们也为大多数的社区用户增加功能,避免损害匿名用户的丰富体验。

Make Performance a Point of (Public) Pride 作出性能优势

现在,我们已经完全使用雅虎的性能指导,并确保对匿名用户提供最基本的必要的服务。

当谈及网站性能时,就会想到一个基本的定律:你永远无法让网页服务的速度比在服务器上渲染网页的速度快。我知道这一点,但是我得告诉你,如果在一年左右的开发进程中没有注意到几百毫秒的差别,就会很容易会落入陷进。当某天,你回转过来,发现你的网页以一个非常奇异的速度呈现在服务器上了。这是一个了不起的速度,甚至你在网络上传输第一个字节时,网页已经打开!

这就是为什么作为一名开发人员,需要在每一个独立页面右上角设置性能。同时,这正是我们用MVC Mini Profiler来促进开源,而在把每一页的右上角服务器渲染时间的简单行来迫使我们解决我们所有的性能衰退和遗漏。

注意你可以点击SQL上的链接,看看每一步实际运行的时间有多久。你也可以把链接分享给你的伙伴们,开发出该运行分析器数据中的弊端。它适用于AJAX请求,之前我所提到的开源MVC Mini Profiler是完全巨大的,如果此时你在.NET上,你应该去核实下。

随着开发团队为大家所呈现的渲染出的页面,所作出的性能优势,很多地方由于一点点马虎而导致页面不相称,大部分性能是凌乱的,甚至无法进行重建,对用户来说事情也变得更加简单,快速。

它会正常运行吗? ILAsm正常运行:

这是抓取Google页面下载时段;从表上反映出完整的页面需要载入的时间:

当然,服务器页面所呈现的时间仅仅是性能的一部分,它取决于的时间你从哪段开始。我不能保证页面呈现的时间段能帮助我们多少,但作为一个开发团队,应该建立一个引人注目且又快的网站。我们的网站算是比较快的,但即使是像我们这么快的网站,因为这个简单的变化我们也受益很多。

性能改变不是简易之事,这是一个漫长而又艰难的道路,我们已经朝着好的硬件方向不断的改变着。

我清楚的记得,2000年从AltaVista系统切换到Google,它的速度极快,对我来说,性能是一种特性,相比慢的网页我更喜欢快速的。因此我创建了一个网站,这也正是我想使用的。但是,我认为在公共互联网竞争环境中有一种东西永远值得我们去学习——即所谓的两种类型的网站:快速与停滞。

转载于:https://www.cnblogs.com/waw/archive/2011/09/23/2187257.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_732620.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用jQuery和CSS3创建一个支持翻转效果的微/轻博客网站列表

在线演示 本地下载 今天我们将使用页面元素的翻转效果设计一个微博和轻博网站列表&#xff0c;将使用jQuery的jQuery Flip插件来实现特效。 HTML代码 这里我们使用socialwrapper来包装每一个需要展示的网站&#xff0c;如下&#xff1a; <div class"socialwrapper&qu…

Asp.Net 网站优化 数据库优化措施 使用主从库(上)

网站规模到了一定程度之后&#xff0c;该分的也分了&#xff0c;该优化的也做了优化&#xff0c;但是还是不能满足业务上对性能的要求&#xff1b;这时候我们可以考虑使用主从库。 主从库是两台服务器上的两个数据库&#xff0c;主库以最快的速度做增删改操作最新数据的查询操作…

2012 年大事件 百度调整收录算法 低质量网站遭清理

2019独角兽企业重金招聘Python工程师标准>>> 以这两个网站为例 看看百度的收录 购物导航 http://www.ganshuw.com 购物分享 http://www.jielala.com/ 今日百度对收录算法再次做出调整&#xff0c;有大批量的网站收到了本次算法调整的影响&#xff0c;据速途网了解&…

网站运营:用互动提高各级用户转化率

1、网站用户分级&#xff0c;可以清晰地看到漏斗效应2、提升用户漏斗层级之间转化率的核心要素是什么呢&#xff1f;3、常规的解决方案是怎样的&#xff1f;4、如何用互动方式来思考功能&#xff1f;总结&#xff1a;完整的表述

Windows Server 2008 IIS7.0 发布html和Asp.net网站

第一步&#xff1a;安装并配置IIS 7.0 先要设置应用程序池(ApplicationPool)为Classic.NETAppPool&#xff0c;而不是默认的DefaultAppPool。可以设置.net FrameWork版本 第二歩&#xff1a;为默认网站Default Web Site配置绑定&#xff0c;可以修改端口号&#xff0c;我修改为…

使用jQuery开发超酷带有背景波浪动画的单页面网站导航菜单

日期&#xff1a;2012-9-11 来源&#xff1a;GBin1.com 在线演示 本地下载 在今天的教程中&#xff0c;我们将使用jQuery开发一个单页面的网站&#xff0c;并且添加超酷的波浪动画背景效果到导航菜单上&#xff0c;希望大家能够喜欢&#xff01; 主要开发使用插件&#xff1…

2012/9/13一些网站,资源收集

2019独角兽企业重金招聘Python工程师标准>>> VIM相关VIMER的程序世界 易水博客手把手教你把vim改装成一个IDE编程环境&#xff08;吴垠&#xff09;Coming Home to VIMgvim下安装taglist&#xff08;windows&#xff09;gvim下安装taglist&#xff08;Linux&#xf…

使用leancloud托管静态网站

leancloud是什么&#xff1f; leancloud官网大部分的产品都是数据驱动的&#xff0c;它们有一个最大的特点&#xff0c;就是对后端的需求在模式上其实是比较统一的&#xff1a;1.前端负责数据展现和用户交互处理&#xff0c;与后端的 app server 通过网络来交换需要的数据2.app…

一个80后SEOER对于SEO职业规划的三点想法

SEO不是一切&#xff0c;SEO不是万能的&#xff0c;每一个步入SEO行业的人都有一个梦想&#xff0c;都是依靠SEO技术去赚钱。我大学学的是电子商务专业&#xff0c;2010年8月广西做了一年志愿者&#xff0c;家里人想安排我去政府机关锻炼&#xff0c;然后考公务员&#xff0c;后…

拒做背锅侠!如何利用网站性能优化驱动产品体验提升

作者 | 白屿 对于运维工程师而言&#xff0c;如果要票选五大最抓狂运维支撑场景&#xff0c;花样繁多的各种促销活动一定榜上有名。每个促销季上线都是忐忑不安的不眠夜。大量内容更新、大量客户涌入&#xff0c;大量数据读写&#xff0c;虽有着各种技术方案或工具服务保障着大…

关于网站被挂马的症状以及处理解决方法

如今绝大多数站长都在想着怎么建设外链&#xff0c;怎么发布网站内容&#xff0c;把自己网站的弄到首页或是前三位&#xff0c;网站安全其实也需要站长们注意&#xff0c;因为一旦网站安全出了问题&#xff0c;网站的排名也会受到很大的影响。下面就仔细分析几种关于网站安全的…

外包制作网站引发的思考

今天刚发生的事&#xff0c;因为来公司不是很久&#xff0c;而且管理的网站里有一个是asp的网站&#xff0c;而个人的专业是php&#xff0c;对asp的网站不是很了解。而今天下午三点莫名其妙的网站的一些内容被删除了。网站是某公司做的&#xff0c;在这里不方便透漏&#xff0c…

LAMP平台下用Drupal快速建站

2019独角兽企业重金招聘Python工程师标准>>> 昨晚的时间&#xff0c;我搭建好了LAMP平台&#xff0c;及Linux&#xff0c;Apache&#xff0c;Mysql&#xff0c;php/perl/python。并运用drupal建站&#xff0c;完成了我的第一个网站&#xff0c;首先我想分享下drupal…

前端资源(优秀网站、博客、以及活跃开发者)

查看原文 forked from hjzheng/front-end-collect 在前端路上摸索前行&#xff0c;在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。以下各排名不分先后顺序。 前端收集图谱(点击查看) 聚合&&周报订阅 名称订阅地址介绍Html5 Weekl…

Slog62_项目上线之ArthurSlog个人网站上线1

ArthurSlogSLog-62Year1GuangzhouChinaSeptember 9th 2018GitHubNPM Package PageArthurSlog Page掘金主页简书主页segmentfaultArthurSlog个人网站上线了&#xff5e; 开发环境MacOS(High Sierra 10.13.5) 需要的信息和信息源&#xff1a; 开始编码 继之前的域名购买、服务器购…

碎片化学习,这几个在线学习网站不可少!

2019独角兽企业重金招聘Python工程师标准>>> 慕课网非常棒&#xff0c;因为它算是在线教育的“鼻祖”了&#xff0c;并且它的课程种类非常多&#xff0c;里面大牛也很多&#xff0c;值得推荐。 猿团&#xff0c;也是一个非常不错的在线教育网站&#xff0c;课程也…

8个令人印象深刻的JavaScript效果的网站

这篇文章很有意思&#xff0c;我发现了8个具有共同特征的站点-他们都使用JavaScript脚本语言。是什么使HTML/CSS站点很漂亮、过目难忘&#xff1f;我们需要JavaScript的魔力&#xff0c;使网站更具交互性和动画特征。下面我们就看看这8个站点。Momento AppMomento app是个丰富的…

一个网站部署的完整流程(包教包会)

点击上方“芋道源码”&#xff0c;选择“设为星标”管她前浪&#xff0c;还是后浪&#xff1f;能浪的浪&#xff0c;才是好浪&#xff01;每天 10:33 更新文章&#xff0c;每天掉亿点点头发...源码精品专栏 原创 | Java 2021 超神之路&#xff0c;很肝~中文详细注释的开源项目R…

织梦网站后台登录密码重置

今天在网上下载了一个教育网站的织梦模板&#xff0c;源码中是有安装程序的&#xff0c;下一步下一步进行了安装&#xff0c;下载的模板说明中提示进入网站后台进行数据库还原&#xff0c;于是进行了数据还原&#xff0c;后来退出网站后&#xff0c;就登录后台就登录不上了&…

HTML5网站大观:精美的 HTML5 商业网站设计案例

本期的 HTML5 网站大观与大家分享 10 个精美的 HTML5 商业网站设计案例。HTML5 增加了很多新标签以及新特性&#xff0c;正引领网页技术革命。希望这些优秀的 HTML5 网站案例能帮助大家更好的学习 HTML5 网站制作。 Sullivan NYC Fork CMS Nike – Paul Rodriguez V Elisa 3G U…