高性能网站建设-前端优化

Rule 1: Make Fewer HTTP Requests
These techniques include using image maps, CSS sprites,inline images, and combined scripts and stylesheets.Using these techniques reduces response times of the example pages by as much as 50%.
疑问:image maps 可用性高吗?没有css sprites 灵活吧? inline images 用的也不多了

Rule 2: Use a Content Delivery Network
If the application web servers are closer to the user, the response time of one HTTPrequest is improved.On the other hand, if the component web servers are closer tothe user, the response times of many HTTP requests are improved.Rather than startingwith the difficult task of redesigning your application in order to disperse the application web servers, it’s better to first disperse the component web servers.This not only achieves a bigger reduction in response times, it’s also easier thanks to content delivery networks.
注解:对组建web服务器(图片)使用CDN加速
In addition to improved response times, CDNs bring other benefits.Their services include backups, extended storage capacity, and caching.A CDN can also help absorb spikes in traffic, for example, during times of peak weather or financial news,or during popular sporting or entertainment events.
注解:CDN还可以用来备份、扩展存储、缓存、缓和流量峰值

Rule 3: Add an Expires Header
A future Expires header is most often used with images, but it should be used on all components, including scripts, stylesheets, and Flash.Most
Using Cache-Control with max-age overcomes the limitations of Expires
注解:利用max-age可以重写expires

Rule 4: Gzip Components4
Many web sites gzip their HTML documents.It’s also worthwhile to gzip your scripts and stylesheets, but many web sites miss this opportunity (in fact, it’s worthwhile to compress any text response including XML and JSON, but the focus here is on scripts and stylesheets since they’re the most prevalent).Image and PDF files should not be gzipped because they are already compressed.
注解:压缩所有的文本如HTML、stylesheets、script,图片与PDF文件不能使用GZIP

Rule 5: Put Stylesheets at the Top 5
The problem with putting stylesheets near the bottom of the document is that it prohibits progressive rendering in many browsers.Browsers block rendering to avoid having to redraw elements of the page if their styles change.Rule 5 has less to do
with the actual time to load the page’s components and more to do with how the browser reacts to the order of those components.In fact, the page that feels slower is ironically the page that loads the visible components faster.The browser delays showing any visible components while it and the user wait for the stylesheet at the bottom.The examples in the following section demonstrate this phenomenon,which I call the “blank white screen.”
注解:把样式表放在头部,利于页面的渲染,给用户一个良好的反馈,同时避免了内容阻塞造成“白屏”

Rule 6: Put Scripts at the Bottom

Parallel Downloads 并行下载
The explanation goes back to the HTTP/1.1 specification, which suggests that browsers download two components in parallel per hostname (http://www.w3.org/Protocols/rfc2616/rfc2616-sec8.html#sec8.1.4).Many web pages download all their
components from a single hostname.Viewing these HTTP requests reveals a stairstep pattern, as shown in Figure 6-1.
注解:HTTP1.1规范建议浏览器从每个主机名并行下载两个组建(这就是为什么很多大型网站,要使用众多独立域名来加载图片组件,但是过多的主机名反而会因为cpu和宽带原因影响到最终的性能,雅虎推荐使用两个)

Scripts Block Downloads 脚本阻塞下载
注解:脚本会阻塞对其后面内容的呈现与下载

Rule 7: Avoid CSS Expressions7
注解:不使用css表达式
background-color: expression( (new Date()).getHours( )%2 ? “#B8D4FF” : “#F08A00” );

Rule 8: Make JavaScript and CSS External
注释:如果css与js文件多出引用,应该使用外部文件,一则便于维护,二则可以使用缓存提高速度。
如果一个css与js只在短时间、小范围使用,建议使用内联速度更快

Rule 9: Reduce DNS Lookups9
Reduce DNS lookups by using Keep-Alive and fewer domains.
注释:通过使用较少的域名和keep-alive来减少DNS请求

Rule 10: Minify JavaScript &CSS
注释:使用工具对js和css我呢就进行压缩

Rule 11: Avoid Redirects
那些情况造成重定向:
1、Missing Trailing Slash 缺少结尾的斜杠
2、Tracking Outbound Traffic 跟踪外部流量

Rule 12: Remove Duplicate Scripts 12

Rule 13: Configure ETags 配置ETags
注释:现在貌似都不用ETag了

Expires Header
为logo等图片及js、css等文本文档添加Expires头部
Conditional GET Requests
如果缓存过期,浏览器发送GET
Last-Modified Date
通过对比last-modified确定是否覆盖

Rule 14: Make Ajax Cacheable 14

搜索引擎广告-网络营销成功之路

#广告列表的数据:
1、广告列表在衡量指标方面的表现:ROI(投资回报率)、ROAS(广告支出汇报)、CPO(每次行动成本)、CPA(每订单成本)
2、广告列表提升销售额的潜力(如果你出价更高或者获得更好的广告排名,销售额是否有显著增长)
3、广告列表的价格弹性(竞争对手是否会对相同的广告列表出更高的价格,或者你能否在激烈的竞价中取得想要的排名)
4、其他:边际收益、机会成本

第四章:市场营销活动的基础

#愿景描述、市场定位、特定卖点以及促使消费者采取行动的措施

#愿景描述
1、市场营销愿景大都来自公司的愿景;
2、描述产品与服务;
3、说明能够给用户带来哪些益处

#将愿景转化为目标:
市场营销的活动目标要求必须是:具体、精确、可量化和有期限的
例如:在整个12月份保持每个新用户的费用不超过20元。

#市场定位
1、市场定位就是描述你的客户、潜在客户或买家;
2、分析现有客户的人口统计学指标,例如年龄、性别、婚否、行业、职业、地域
3、分析现有客户的心理学特征,生活习惯、消费态度
例如:20-50岁之间,网购日常生活用品的用户

#促使消费者采取行动
1、当搜索用户到达网站后,你希望他们做什么?
2、搞清楚主要业务目标,如注册、订阅、购买、联系等;

#销售漏斗
AIDA营销活动生命周期:注意、兴趣、倾向、购买
AISAS用户浏览模型:(Attention 注意 Interest 兴趣 Search 搜索 Action 行动 Share 分享)

#采购循环的不同阶段
定性方法
研究:通用词、口碑词、价格词、产品词

#确定网站访客的价值
制造商应用SEM时,他们的销售渠道往往会共同受益,来至品牌、知名度、购买意向的提升,还是独特的定位以及销售过程中的便利性
对于受访者的影响的评估:停留时间、人均浏览页面

想一想营销目标:
1、评估一下你愿意在处于销售漏斗早起阶段的用户上话费多少?
2、如何处理早期用户的问题

#PPC广告难以精准度量:
1、丢失cookie
2、营销效果延时
3、线下销售转化
A:客户标记,cookie与客户代码或会员信息对比
B:特定代码:访客使用代码,享受优惠
C:特定价格:
D:可追溯的电话号码
E:门店调研

第2部分
设置一个成功的PPC营销战略
没有出色的计划就不会有成功的营销活动

第五章:直接营销结果与品牌衡量指标
没有对结果的度量、也就无法管理和优化营销活动。

#因人而异 ROI
1、纯ROI导向的策略很少是带来最多利润的策略;
2、在关键字竞价中出价低一些往往带来高一些的ROI,但是降低了客户的流量

#利润最大化
1、作为一名市场营销人士,职责在于基于目标和衡量指标,最大限度地获取利润
2、边际利润正的前提下,降低ROI,提高流量。利润依然在增多;

#平衡ROI与利润最大化
在转化率一定的前提下,媒体出价(CPC或者CPM)过高,会导致营销活动入不敷出,而出价过低则会使流量降低(产生销售、导致销售、积极响应的点击),从而错失应得的利润(存在机会成本)。
经济学家的建议是:增加投入以提升流量,直至增量(边际)利润为零。

HOW?
1、为营销活动设定每张订单、每个行动成本(CPO\CPA,如果每个广告系列销售的产品不同或者目标客户不同,也可以分别设置目标)围绕这个目标来管理你的营销广告。
2、要求既能够接CPO或者CPA目标,同时带来可观的流量和销售转化。

理想的模型

* 每个销售额200元,成本130元
* 营销活动CPO最高为50元
* 每个订单的利润为20元(200-130-50)
* 设定点击流量的转化率为4%,那么CPC不能超过2元,(50*4%)
* 假设此时平均排名为,4-6位,点击率为1%
* 在1%的点击率的基础上,每周获得50个订单
* 利润为1000元

如果将CPO目标设置为60元呢?或许在排名上调的情况下利润提高;

问题:
1、你不只有一个广告系列;

其他:
1、如果要削减预算,从效率最低的(ROI)媒体砍
2、如果要提高预算,从效率最高的开始

CPO或CPA数据的制定:
用流量成本除以制定客户行动数量或订单数,用CPA数据作为基准线,用以优化营销活动。
例如流量成本为1000 ,订单数为50,CPO为20

制定合理的CPA策略:
1、知晓不同品类的利润,获得LIST。
例如电器类产品,比日化类产品拥有更高的利润;
2、保证在能购带来高收益的关键字竞价中,表现得更有进取心。

考虑到用户的购买周期,有些广告系列,主要是采购周期早起阶段的潜在客户。研究客户的行为模式可能会使你识别出搜索营销活动说带来的更多积极效果。对于受访者的影响的评估:停留时间、人均浏览页面

#品牌指标与衡量

品牌指标通常来说包括:
1、品牌与广告认知度
2、信息联想度
3、品牌偏好
4、购买倾向

BEI:将品牌转化为消费者直接反馈

BEI:品牌效果指数
1、BEI并不是衡量广告的有效性
2、衡量广告带来的客户在品牌影响力方面的有效性

包括但不限于以下综合指标:
注册用户;订阅邮件;要求信息;加入购物车;页面浏览量;内容互动;下载内容等

第六章:广告系列设置:组织你的广告列表campaign

#考虑广告计划campaign的一些角度:
1、按业务单元划分广告系列:
每个业务单元有不同的预算与营销目标;
2、按产品或服务群组划分广告系列;
不同的产品或服务,有不同的利润、不同的目标或者不同的管理员;
3、按品牌关键字与非品牌关键字;
4、按时间段来划分;
特别是具有一定时效性的营销活动
5、促销用途的广告系列;
6、临时用途广告系列
测试一个新广告、创意或投放方向
7、服务地域

第七章:广告系列设置:关键字
关键字是任何搜索引擎营销活动的基础,因为它代表了搜索者的需求和兴趣所在。

第八章:广告系列设置:标题与描述
搜索引擎倾向于展示那些标题与描述都最为相关、最吸引人的广告

第九章:广告系列设置:转化页面、竞价与预算

每个产品的利润是固定的90元,90-CPA=利润;
1、调整利润为负数的关键字;降低出价,提升页面转化率
2、调整转化率低的页面或关键字;

#预算的分配
1、按ROI的数据排列你的campaign
2、了解每一个campaign的点击流量和费用水平
3、ROI较低的campaign
。降低出价和广告排名,这样既减少支出又提升ROI
。停用或优化那些ROI极低,而且广告排名也很低的关键字
。对于流量大但是ROI低的campaign,可以考虑用分时段找出一天中转化率最高的时段,过滤其他时段;

第十章:启动

#如何评估一个CPC目标:
1、估计一个点击流量到销售或销售机会的转化率;
2、设定CPA或CPO目标

第十一章:广告系列的管理、关键字竞价、技术方案、代理商与内部团队及综合视角

正则表达式在网站分析中的应用

在Google analytic的基本配置、目标定义、过滤器设置、高级细分、自定义报告等众多日常操作均会要求我们筛选和过滤想要的信息,掌握好正则表达式,则可以快速匹配到我们想要的信息。
一、首先什么是正则表达式
正则表达式是计算机世界的一个概念。她使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。

二、常见的正则表达式
. 匹配除 “\n” 之外的任何单个字符
^ 匹配输入字符串的开始位置
$ 匹配输入字符串的结束位置
* 匹配前面的子表达式零次或多次
+ 匹配前面的子表达式一次或多次
? 匹配前面的子表达式零次或一次
{n} n 是一个非负整数。匹配确定的 n 次
{n,} n 是一个非负整数。至少匹配n 次
x|y 匹配 x 或 y
[xyz] 字符集合。匹配所包含的任意一个字符
[^xyz] 负值字符集合。匹配未包含的任意字符
[a-z] 字符范围。匹配指定范围内的任意字符
[^a-z] 负值字符范围。匹配任何不在指定范围内的任意字符
\b 匹配一个单词边界,也就是指单词和空格间的位置
\d 匹配一个数字字符
\D 匹配一个非数字字符
\s 匹配任何空白字符
\S 匹配任何非空白字符

三、正则表示GA中的应用场景举例

20150205234429
遇到上面的情况,根据观察发现仅第3、6两条记录为真实的注册记录;其他都是测试或其他原因产生的干扰数据,则可以通过正则进行良好的过滤。

正则表达式为:^/approveInit\?uid=\d*

最后,我们可以在来源媒介维度,对比不同来源的用户的转化情况。以评估不同广告及SEO的效果
20150205234844

线下广告投放,选择广告媒体的要素

(1)市场方面的因素
①要考虑消费者的属性:
人总依其个人品味来选择适合的媒体,不同教育或职业的消费者,对媒体的接触习惯都不相同。一般地说,教育程度较高者,偏重于印刷媒体;教育程度较低者,偏重于电波媒体,因此要配合消费者的性别、年龄、教育程度、收入(个人收入|家庭收入)、家庭人口、职业及地域性等来决定应用何种媒体。
②要考虑商品的特性:
各种商品的特性不一样,应该按商品特性来考虑媒体。例如消费者(生活)用品广告和工业用品广告的媒体策略完全不同,前者是全体的消费大众,后者是特定的工厂、老板、或董事,很显然,千万元的别墅广告和普通中下公寓广告的媒体使用应当有所不同。
③要考虑商品的销售范围:
商品市场究竟是全国性的销售,或是限于地方区域性市场的销售,这关系到广告接触者的范围大小,由此才可决定选择何种较经济有效的媒体,以免使用不适当的广告

(2)媒体方面因素
①要考虑媒体量的价值:
如报纸的发行量、杂志的发行量、电视的收视率、电台的收听率,才能了解效果。
②要考虑媒体的价值:
即考虑媒体的接触层次,应仔细分析其类型,以期与产品消费者的类型符合。同时需考虑媒体的特性、优缺点,节目或编辑内容,是否与广告效果有关。
③要考虑媒体的经济价值:
要慎重考虑各媒体的成本费用,不仅要考虑“绝对成本”,即媒体的实际支付费用,同时亦应考虑“相对成本”,如用印刷媒体的每天读者数,或电波媒体的每分钟每千人的视听成本。

(3)广告主方面的因素
①要考虑广告主销售方法的特征:
销售方式究竟以推销员为主还是以零售商为主,这要看用什么样的销售策略?销售策略不同选择媒体的标准也不同。
②要考虑广告主的促销战略:
如计划一个赠送样品的广告活动,就要用能配合赠送活动的媒体。
③要考虑广告主活动的基本目的及广告预算的分配额和广告主的经济能力。
此外对于同行竞争者使用广告媒体的情况与战略也应列入媒体考虑范围,以达“知已知彼”之效。

浅谈robots协议

定义:
Robots协议(也称为爬虫协议、机器人协议等)的全称是“网络爬虫排除标准”(Robots Exclusion Protocol),网站通过Robots协议告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取。

robots协议的原则:
Robots协议是国际互联网界通行的道德规范,基于以下原则建立:
1、搜索技术应服务于人类,同时尊重信息提供者的意愿,并维护其隐私权;
2、网站有义务保护其使用者的个人信息和隐私不被侵犯。

robots协议的功能:
除去robots建立的原则给我们带来的隐私保护的相关益处,协议还具备下列好处:
1、可以屏蔽一些网站中比较大的文件,如:图片、音乐、视频等,节省服务器带宽;
2、可以屏蔽站点的一些死链接,方便搜索引擎抓取网站内容;
3、可以屏蔽一些SEO不规范的网页;
4、设置网站地图连接,方便引导蜘蛛爬取页面。
5、引导蜘蛛抓取,调整抓取压力;

robots的写法:
具体而言,包括两个方面:
1、robots.txt
robots.txt是搜索引擎访问一个网站时要访问的第一个文件,用以来确定哪些是被允许抓取的哪些是被禁止抓取的。
robots.txt必须放在网站根目录下,且文件名要小写。

2、<META> tag
网页内容中添加的名为robots的meta标 签,index、follow、nofollow等指令。

robots的案例:
http://www.douban.com/robots.txt

User-agent: * 开始配置 所有引擎 有效
Disallow: /subject_search 禁止所有引擎抓取网站subject_search目录(包含子目录) 有效
Disallow: /amazon_search 禁止所有引擎抓取网站amazon_search目录(包含子目录) 有效
Disallow: /search 禁止所有引擎抓取网站search目录(包含子目录) 有效
Disallow: /group/search 禁止所有引擎抓取网站group目录下的search目录(包含子目录) 有效
Disallow: /forum/ 禁止所有引擎抓取网站forum目录 有效
Disallow: /new_subject 禁止所有引擎抓取网站new_subject目录(包含子目录) 有效
Disallow: /service/iframe 禁止所有引擎抓取网站service目录下的iframe目录(包含子目录) 有效
Disallow: /j/ 禁止所有引擎抓取网站j目录 有效
Disallow: /link2/ 禁止所有引擎抓取网站link2目录 有效
Disallow: /recommend/ 禁止所有引擎抓取网站recommend目录 有效
Disallow: /trailer/ 禁止所有引擎抓取网站trailer目录 有效
Sitemap: http://www.douban.com/sitemap_index.xml Sitemap地址:http://www.douban.com/sitemap_index.xml 有效
Sitemap: http://www.douban.com/sitemap_updated_index.xml Sitemap地址:http://www.douban.com/sitemap_updated_index.xml 有效
User-agent: Slurp 开始配置 [Slurp] 有效
User-agent: Sosospider 开始配置 搜搜 有效
Crawl-delay: 5 搜搜每次抓取时延迟5秒 有效
Visit-time: 0100-1300 允许搜搜在每天的01:00-13:00抓取 有效
Request-rate: 40/1m 0100 – 0759 允许搜搜在每天的01:00-07:59以每1分钟40次的频率抓取 有效
Request-rate: 12/1m 0800 – 1300 允许搜搜在每天的08:00-13:00以每1分钟12次的频率抓取

robots检查工具推荐:
http://seo.seowhy.com/robot/

close