标签:网页优化

优化CDN性能的10个技巧

在大多数情况下,您的CDN负责内容交付的性能。CDN控制其网络,负载平衡器,缓存服务器以及从边缘向用户交付内容所涉及的所有其他方面。

那么,您如何才能为出色的内容交付性能做出贡献呢?

阅读我们的10条技巧,以优化CDN性能。

1.使用高性能DNS
想象一下,您正在static.example.orgCDN上使用它origin.example.org作为您的来源。如果权威DNS的example.org可用性低且延迟高,那么这肯定会对CDN性能产生不良影响。

不要仅仅因为包含在交易中就使用托管服务提供商的DNS服务。使用来自AWS,NS1,Cloudflare,Google或Azure的提供商的高性能,全局选播DNS既容易又便宜。

另外,请确保在DNS记录上使用较高的TTL(生存时间),以便解析器可以长时间缓存记录。
继续阅读→

META中的OG标签

很多大的网站头部代码里面都增加了OG标签,Meta Property=og,整理了一下Meta Property=og的作用以及用法。

og是一种新的HTTP头部标记,即Open Graph Protocol:

The Open Graph Protocol enables any web page to become a rich object in a social graph.

即这种协议可以让网页成为一个“富媒体对象”。用了Meta Property=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、 renren采用。SNS已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会 议上Facebook公布了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息 并呈现给用户。

继续阅读→

百度为什么不抓取设置的Description描述

熟悉SEO优化的人都知道Meta标签,Meta标签由Title(标题)、keywords(关键词)、Description(描述)组成。

Title和Description通常会在网民的搜索结果里呈现,而关键词则布局在标题、描述和页面内容中起到SEO优化作用。

一般情况下,我们在网站中设置的标题和描述就是网民去搜索引擎搜索时所呈现的搜索结果,就像这样 ↓ ↓ ↓

--- 宏华电器后台设置的标题和描述 ---

继续阅读→

WordPress站点速度优化

1. 页面加载速度成倍的提升

  根据站点原始状态和优化程度的不同,提升的效果也不一样。一般来说可以提升3~5倍。

  2. 降低站点流量

  对于流量受限制的空间来说也就相当于节省了银子。

  3. 降低服务器负载

  流量节省的同时,也降低了服务器的负荷,对于CPU使用率受限、并发数不限的空间来说,也就意味着提升了最大并发数。

  既然好处有这么多,那当然是要对站点做优化了,下面具体说一下如何优化站点:
继续阅读→

合并多个js,css文件-在服务端合并js和css文件

YSlow会告诉我们,合并所有的js和css文件可以减少HTTP请求,这样能提升访问速度。

通常为了开发的方便,我们会把js按用途分类,这样就会有很多js文件,比如sablog的jscript文件夹里就有10几个文件,这样访问的时候就是10几个HTTP请求。

那么解决办法就是合并它们,对吧。可是这样有一个问题就是你需要保存所有文件的源文件,并且有修改的时候又要从新合并一次。

继续阅读→

优化html给你的网站加速

1、设置浏览器缓存,加快下次访问速度,在<head>与</head>之间加入以下代码:

<meta http-equiv="cache-control" content="public" />

如果不缓存,代码如下:
<meta http-equiv="cache-control" content="no-cache" />

2、网页插广告或部分内容显示慢,会导致整体页面的显示速度也变慢,加入下面的代码可以完美解决这个问题。以下代码同时兼容IE和FireFox等浏览器。
第一步,把这段代码放在你要放广告或其他加载速度比较慢的内容的网页位置:

<div id="myads"></div>

第二步:把下面这两段代码放到网页底部:

<div id="span_myads" style="display:none">这里放上广告的JS代码或其他加载速度比较慢的内容。</div><script type="text/javascript">document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;document.getElementById("span_myads").innerHTML = "";</script>

3、由于图片载入速度较文字慢,可以将不需要马上显示的图片,由浏览器后面再加载。
例如:把原代码<img src="images/picname.gif" width="图片的宽度" height="图片的高度" border="0" >
改为:<img id="picnamesrc" width="图片的宽度" height="图片的高度" border="0" >
然后,把以下代码放置在网页的后面:
<script type="text/javascript" language="JavaScript">document.getElementById("picnamesrc").src="images/picname.gif";</script>

继续阅读→