体育竞技

  • 17783581430
百度简洁页面(百度一下pc页面)
作者:周末seo / 2020-09-25 16:15 / 浏览次数:

调查显示,2013年平均页面大小增长32%,平均达到170万,个人HTTP请求数量达到96个。老实说,这是一个令人震惊的数字,而且只是一个平均值,有一半的网站会大于这个值。

那么,一个网站“页面过重”会有什么影响呢?具体来说,有以下四点:

体育竞技 (1)、网站代码越多,用户下载越多,加载速度就会越慢。在中国,不是每个人都能享受20M宽带,每个开发者都很清楚用户不愿意等待。

体育竞技 众所周知,移动互联网发展迅速。对于2G网络,加载1.7M的页面甚至只需要一分钟。

(3)影响搜索引擎的爬行速度,会对网站的排名产生很大影响。

体育竞技 对于开发者来说,代码量越大,更新维护越难。

现在很多人开始关注这个问题,出现了很多优化工具。而且这些技术非常好用,不需要花太多时间或者重新开发。

网站页面精简的10个优化技巧-马海祥博客

体育竞技 在这篇文章中,马会给你一些建议。虽然前三个建议实际上并不能降低网页的权重,但仍然可以有效加快网页的加载速度。

1.以GZIP格式压缩

Gzip是GNUzip的缩写,是GNU自由软件的文件压缩程序。它是由让-路易盖利和马克德勒开发的。第一个公开发布版本是1992年10月31日发布的0.1,1993年2月发布的1.0。

我们经常使用带后缀的文件。Linux中的gz,这是GZIP格式。现在它已经成为互联网上非常常见的数据压缩格式或文件格式。

体育竞技 HTTP协议上的GZIP编码是一种用来提高WEB应用程序性能的技术。GZIP压缩技术通常用于流量大的网站,以使用户感觉更快。

体育竞技 这一般是指安装在WWW服务器上的一个功能。当有人访问这个服务器中的网站时,服务器中的这个功能会压缩网页内容,并将其传输到访问的计算机浏览器进行显示。

一般纯文本内容可以压缩到原来大小的40%,这样传输会很快,效果是你点开URL后就很快显示出来。当然,这也会增加服务器的负载,通常是安装在服务器上。

根据W3C的调查,大多数网站都没有启用压缩功能。

2.支持浏览器缓存

如果浏览器支持缓存,我们不需要重复下载网页资源。设置缓存最简单的方法是在响应头中添加相应的内容,包括Expires头、Last-Modified等。

体育竞技 您可以通过配置服务器来自动添加这些属性。例如,您可以将Apache服务器配置为每月缓存:张照片

到期激活时间

体育竞技 到期默认值'访问权限加1个月'

3.使用内容分发网络

体育竞技 CDN的全称是内容传递网。其目的是在现有互联网上增加一层新的网络架构,将网站的内容发布到离用户最近的网络“边缘”,让用户就近获取所需内容,提高用户访问网站的响应速度。

CDN与镜像不同是因为它比镜像更智能,或者可以这样比较:CDN=更智能的镜像缓存流量分流。

因此,CDN可以明显提高互联网网络中的信息流效率,解决网络带宽小、用户访问量大、网点分布不均等问题,提高用户访问网站的响应速度。

为了更好的理解CDN,我们来看看CDN的工作流程。当用户访问已经加入CDN服务的网站时,首先利用DNS重定向技术确定最接近用户的最佳CDN节点,同时将用户的请求定向到该节点。

当用户请求到达指定节点时,CDN服务器(节点上的缓存)负责向用户提供用户请求的内容。

体育竞技 具体流程是:用户在自己的浏览器中输入要访问网站的域名,浏览器请求本地DNS解析域名。本地DNS将请求发送给网站的主DNS,主DNS根据一系列策略确定当时最合适的CDN节点,并将解析结果(IP地址)发送给用户,用户从给定的CDN节点请求网站的内容。

体育竞技 以上三种方法可以有效加快页面访问速度(更多方法可以在马的博客《提升网站页面打开速度的12个建议》中找到)。现在我们将在页面上诊断您的代码并帮助我们减肥。

4.删除不必要的资源

当您不再需要一个组件时,您应该删除它的CSS和JavaScript代码。如果这些代码都放在一个文件里,删除并不难,但是如果没用的代码和其他代码都在一个文件里,你就必须花很多精力去删除。

此时,您需要使用第三方工具来帮助您一键解决问题,如JSLint、灰尘选择器、CSS用法或构建工具,如grunt-uncss。

体育竞技 5.样式和字体重复定义的冗余代码

体育竞技 为了充分利用CSS代码来定义自己的颜色大小,有些网站使用CSS代码来定义,然后使用样式或字体等代码来定义,无形中增加了无用的代码,容易造成代码冗余。因此,我们需要压缩这样的代码来实现代码简化。

6.概括并最小化CSS

理想情况下,您需要一个单独的CSS文件,这样每个页面都可以调用这个布局。当然,如果你想支持旧版本的IE,还得多弄一个CSS文件。

此外,马想提醒大家,在你把它们构建到服务器上之前,你应该删除所有不必要的格式之间的代码。

体育竞技 有很多预处理工具可以帮你解决这个麻烦,比如Sass,LESS,铁笔。

有一些方法可以帮助你直接合并多个CSS文件。在Windows上:

体育竞技 复制文件1.css文件2.css文件. css

在Mac或Linux上:

cat file1.css file2.css file.css

体育竞技 可以对在线CSS压缩工具得到的CSS文件进行删除和格式化。

最后,在head标签中加载所有CSS,让浏览器知道你的页面样式不需要重画很多次。

7.通用和最小化的JavaScript

体育竞技 使用外部文件,我们可以将Javascript代码和CSS代码放在外部文件中,并在我们的HTML代码中添加调用代码来调用它们。如果打开网站查看其源文件,如果前面有大量的Javascript代码和CSS代码,很容易把网站的有用内容推到后面,不利于搜索引擎。

体育竞技 根据马博客收集的数据,平均每页加载18个javascript文件。虽然像jQuery这样分离库文件非常实用,但是您自己的JavaScript代码应该保持通用并最小化。

体育竞技 还有很多第三方工具可以帮你解决这样的问题,比如我最喜欢的YUI Compressor,Closure Compiler和The JavaScript CompressorRater。简化的JavaScript代码会加快网页的访问速度,减少HTTP请求的数量。

最后,最好把JavaScript引用代码放在HTML的body标记之后,以保证JavaScript代码不影响其他内容的加载。

8.用嵌套页面缩小表格

体育竞技 尽量少用表,尤其是嵌套表。虽然CSS排版让我们更容易写代码,但是经常需要用到表格。我们可以避免,但一定要减少多层嵌套表的使用,避免无用的代码。

9.网站图片优化

对于一些照片站,加载错误的图片格式会对您的网页产生很大影响。所以马建议,摄影站的站长一定要多优化图片。

(1)、图像优化原理

一般来说,我们选择图片的应用遵循以下原则:

照片使用JPG格式。

体育竞技 其他图片均为PNG格式(详见马博客《JPG、PNG和GIF图片的基本原理及优化方法》)。

体育竞技 (2)调整大图像的大小

目前智能手机拍的照片越来越大,你不可能直接在页面上显示原始照片。普通编辑会直接上传原照片,这样会把页面的加载速度降低到另一个层次。在正常的照片处理中,一般不需要向用户展示高质量的图片,所以你需要一个工具来自动调整图片的大小。

需要注意的是,图片的大小不能超过容量,所以页面加载了完整的图片,但是无法显示。现在图片的尺寸基本超过电脑显示屏的尺寸。

体育竞技 图片的大小占总页面大小的比例很大,图片减少50%会导致总页面大小减少75%,所以你要认真解决图片加载的问题(详见马博客《交互设计的三大隐形机制:加载、刷新和缓存》的相关介绍)。

体育竞技 (3)进一步压缩图片

体育竞技 光调整图片大小是不够的。你应该通过第三方工具分析图片,进一步压缩图片。

体育竞技 有用的工具包括OptiPNG、pngo、jpegtran和jpegoptim,它们可以作为独立的工具安装,也可以集成到开发过程中。此外,像Smush这样的工具可以直接在云中处理。

体育竞技 10.删除不必要的字体和注释

Web字体彻底改变了字体设计,减少了很多不必要的文字。但是,当前的字体仍然会给网页带来额外的字节。

如果使用两种以上的字体,已经会影响性能了。

我们知道给程序添加注释可以帮助我们快速找到并理解特定代码对应的函数,这对于程序员修改网页是有帮助的。但是这样的代码对于搜索引擎来说毫无意义,只能说是噪音,需要减少网页中的标注。

我相信大部分网站通过以上优化可以减重30%-50%左右,但作为一个完美主义开发者,这远远不够。我们将在接下来的系列文章中继续研究网站瘦身。

马博客评论:

体育竞技 搜索引擎蜘蛛在搜索和抓取我们的网站时,除了有效的信息代码,其他的东西对于蜘蛛来说基本都是坑坑洼洼的。太多垃圾代码只能增加蜘蛛抓取提取网站文本内容的难度。为了方便搜索引擎提取我们的网站,我们需要尽量减少搜索引擎抓取网站时的颠簸,让蜘蛛可以轻松提取有效信息。最简单的方法就是精简html代码,让有效的文本内容占更高的比例。

体育竞技 这篇文章发表在马的博客上。如果要转载,请注明原网站取自http://www.mahaixiang.cn/znseo/807.html并注明出处;否则,禁止转载;谢谢合作!

【seo体育竞技公司业务】网站建设、网站设计、网站维护、体育竞技、体育竞技、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯
热门标签

网站建设 体育竞技 优化案例 体育竞技优化教程 关于我们 联系我们 网络营销 网站地图

 

公司地址:重庆市江北区建新南路1号 咨询QQ:806160322 手机:17783581430 电话:17783581430