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

news/2024/5/20 21:21:01/文章来源:https://blog.csdn.net/weixin_34221332/article/details/94551120

【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/articles/2187778.html

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

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

相关文章

ZenCart开源系统做外贸B2C商城的SEO优化细节建议

2019独角兽企业重金招聘Python工程师标准>>> 众所周知,zencart是最好的外贸B2C商城网站程序。这是因为它非常易于优化,对google友好。但是要做好一个zencart网站的外贸SEO优化,也需要在SEO优化细节下功夫。雷子在这里给大家提供用…

dwz框架在网站群项目中的应用(1)—概述

写在前面的话 作为一个刚刚参加工作的应届毕业生非常荣幸参与到此次项目中来,首先感谢领导和同事的信任与关怀,能给我这样一次参加实战的机会,并且在项目过程中悉心指导我的工作,解答我的疑惑。 我总觉得完成一个项目只是一个开始…

PHP特级课视频教程_第一集 网站大访问量_李强强

2019独角兽企业重金招聘Python工程师标准>>> 教程内容: 1.负载均衡技术 1).Cisco 以太网通道 2).Windows NLB技术 3).Linux LVS技术 4).F5等负载均衡器 2.数据冗余技术 1).Cisco HSRP热备份路由 2).Windows集群技术 …

企业网站如何备案

当前,随着国家工信部对互联网行业管理力度的提升和规范化,在网站制作公司跟客户把网站做完成以后,政策规定网站需要通过备案才能正常访问。今天我们就聊聊网站备案流程和体会以及一些注意事项。 工具/原料域名 主机 备案人 营业执照 联系信息…

模拟浏览器登录网站

2019独角兽企业重金招聘Python工程师标准>>> 本程序采用JAVA所定,举个例子是模拟浏览器登录小米官网,采用的类主要是HttpURLConnection,HttpsURLConnectionURL请求的类别: 分二类,GET与POST请求。二者的区别在于: a:) get请…

github+firebase建站

为什么80%的码农都做不了架构师?>>> #背景介绍# 毕业几个月了,需要更新大家的通讯录,但是google doc有些同学反映总打不开(不是所有的计算机毕业学生都会当程序员),国内的在线DOC我找到的都不支…

设计多选一按钮ChooseOnlyButton

设计多选一按钮ChooseOnlyButton 效果: 源码: ChooseOnlyButton.h 与 ChooseOnlyButton.m // // ChooseOnlyButton.h // ChooseOnlyButton // // Created by YouXianMing on 14/11/4. // Copyright (c) 2014年 YouXianMing. All rights reserved. //#import <UIKit/UIKi…

10个提供免费PHP脚本下载的网站

本文将重点介绍10个PHP脚本的免费资源下载站。之前推荐 《16个下载超酷脚本的热门网站》&#xff0c;这些网站除了PHP脚本&#xff0c;还有JavaScript、Java、Perl、ASP等脚本。如果你已是脚本代码巧匠&#xff0c;不妨把你的出色脚本放到Code Canyon网站上去出售&#xff0c;这…

一些网站的图片只要修改 URL 地址就能得到任何尺寸的图片

2019独角兽企业重金招聘Python工程师标准>>> 时光网: http://img21.mtime.cn/CMS/Gallery/2011/07/02/170837.97014036_160X160.jpg http://img21.mtime.cn/CMS/Gallery/2011/07/02/170837.97014036_362X571.jpg http://img21.mtime.cn/CMS/Gallery/2011/07/02/1708…

Web服务器安全服务,服务器防攻击,服务器防木马,服务器权限配置-网站安全服务...

2019独角兽企业重金招聘Python工程师标准>>> 网站安全服务 QQ: 联系 285691605 网站地址 http://blog.bypat.com Bypat 安全维护服务针对与网站被挂马&#xff0c;网站被挂黑链&#xff0c;首页被篡改&#xff0c;网站被黑客入侵&#xff0c;网站被攻击&#xff0c…

iis7.0上发布mvc4.0网站

步骤如下&#xff1a; 1.右击需要发布的项目&#xff0c;在弹出的菜单中选择“发布...”选项 2.在“发布web”对话框中进行设置&#xff0c;配置文件名称默认为“配置文件1”可以修改为需要的名字&#xff0c;以便识别&#xff0c;也可以不改。发布方法选择“文件系统”&#x…

新手学习在Ubuntu 14.04搭建Javaweb网站(2)--开启SSH服务

2019独角兽企业重金招聘Python工程师标准>>> SSH分客户端openssh-client和openssh-server 我们这里要安装的openssh-server 直接输入命令&#xff1a;sudo apt-get install openssh-server 然后确认sshserver是否启动了&#xff1a;ps -e |grep ssh如果看到sshd那…

从12306网站新验证码看Web验证码设计与破解

2019独角兽企业重金招聘Python工程师标准>>> 铁路官方购票网站12306又出新招&#xff0c;在登录界面推出了全新的验证方式&#xff0c;用户在填写好登录名和密码之后&#xff0c;还要准确的选取图片验证码才能登陆成功。据悉&#xff0c;12306验证码改版后&#xff…

网站服务端开发

2019独角兽企业重金招聘Python工程师标准>>> Memcached vs. Redis?ASP.NET Session State Management With Redis (Local Server Farm Testing) 转载于:https://my.oschina.net/ITELITE/blog/515708

python unittest库 官方网站

为什么80%的码农都做不了架构师&#xff1f;>>> 摘要里面是python unittest的官方摘要&#xff0c;如果有不懂的可以去查。 下面是一个老外写的一个博客也不错&#xff0c;可以看看&#xff1a; http://pyunit.sourceforge.net/pyunit.html 转载于:https://my.o…

亲历钓鱼网站

几个环节都让人无暇思考其真实性&#xff0c;直到我刚好去查看了邮箱帐号&#xff0c;发现根本没有这个帐号&#xff0c;才反应过来。

艾宾浩斯计划表自动生成网站_恋练有词高频词组整理笔记三(附艾宾浩斯计划表自动生成小技巧)...

点击关注不错过每一份精彩笔记&#xff01;温馨提示回复【考研福利】获取考研资料回复【VIP】查看2020考研服务包2019-08-21考研倒计时&#xff1a;122天导LEAD语今天四六级可以查分了&#xff0c;参加了考试的小伙伴可以怀着激动又刺激的心情打开查分界面了。再次表明一下&…

在网站中引入特殊字体

我的天~~这设计稿真好看&#xff01;又有给自己加戏写效果的冲动咯。。。 这都是些什么字体&#xff1f;&#xff1f;说好的微软雅黑法大宋体呢。。 又是一场切图的恶战。。。这小图标这么多&#xff0c;切个雪碧图还要做分辨率、兼容性适应。。不划算啊。。 所以这种时候就是特…

MiniARM工控核心板之-电平转换电路分析(下)(转载于周立功网站)

转载于&#xff1a;http://www.zlg.cn/ipc/article/detail/id/521.html晶体管上拉电阻通过双极性晶体管&#xff0c;集电极由上拉电阻接到电源&#xff0c;输入的高电平的电压值就是电源电压值。以MiniARM核心板与GPRS模块为例&#xff0c;如图 1所示&#xff1a; 图1 晶体管电…

MVC5 网站开发之七 用户功能 2 用户添加和浏览

目录 MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网站开发之五 展示层架构 MVC5 网站开发之六 管理员 1、登录、验证和注销 MVC5 网站开发之六 管理员 2、添加、删除、重…