网站的肥胖症危机(节译版)

news/2024/4/29 5:45:34/文章来源:https://blog.csdn.net/weixin_33770878/article/details/89377926

1、大多数网站的主要内容是文本,更准确地说,是简短的文本。

文本本身并不大,但是展示它们的网页,正变得越来越大。Twitter展示单条评论(140个字符)的页面,超过900KB。Medium的一篇文章大约400个词,页面大小是1.2MB。

如果这种趋势持续下去,2020年,网页的体积平均将超过5MB,比一本俄罗斯长篇小说还大。比如,陀思妥耶夫斯基的《罪与罚》,文本压缩后不到800KB。

TechTimes.com有一篇报道,介绍Google正在为大网页做标记。但是,这篇报道的网页,体积为18MB,外加一个3MB的视频。

2015年5月,Facebook引入了"Instant Articles",帮助用户快速浏览新闻。但是,介绍这个功能的页面,体积为6.8MB,外加一个41MB的视频。你想了解这个功能的细节,唯一的方法就是去看这个视频。

2、网页真的有必要这么大吗?明明200KB就足够,为什么要做成2MB?

因为我们要往里面塞很多不需要的东西:广告、高清图片、视频、用户追踪系统、社交媒体的代码......你不塞,公司就可能解雇你。

如今的时代,你跟雇主说,想做一张体积只有几百KB的网页,就好像跟SUV车主谈论省油的经济型轿车。

有人会说,这是免费内容的代价。但是,我想问,谁会从海量的互联网广告获利?广告主,还是消费者?

真正获得暴利的是网络服务提供商和互联网广告公司,其他人都付出了巨大的成本。

3、我们都忘了健康的网页,应该是什么样子。

  • 值得阅读的文本,配上结构良好的标签。

  • 适度的图片和视觉设计。

  • 一层CSS

  • 少量的JavaScript,只在必需时使用

但是,2015年真实的网页,却是下面这样。

  • 一层HTML

  • 一大堆垃圾

  • 顶部还有一层监控代码

4、宽带和光纤上网并不解决问题,实际上还鼓励了人们往网页上添加更多的东西。

为了平衡网页体积,工程师想出了很多方法:首屏快速渲染、压缩文件、异步加载、批量HTTP请求、管道发送等等......

网站开发越来越依赖代码精简、压缩、缓存、服务器配置这些中间步骤,这使得找出错误越来越困难,成本越来越高。

5、复杂性让聪明人上瘾。

即使我们知道复杂不是好事,但难以抵抗。复杂的东西总是显得很酷,让人情不自禁想继续干下去。

大多数网站都过度复杂了。

我们做的每件事,都使得创造网站或编辑网页变得困难。把一篇文章放上网,正在变得需要一个专家团队才能完成。

新手越来越难通过源码学习。我们抽走了人们学习互联网的梯子。

6、其实只需要两步,就可以大大缩小网页体积,提高性能。

  • 第一步,确保最重要的内容,首先下载和渲染;

  • 第二步,就此结束。

你不需要那些多余的垃圾,对最简主义保持信心就行。

7、让我们保持互联网是一个超链接构成的媒体,不要把它变成另一种东西。

(完)

转载自:阮一峰的网络日志

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

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

相关文章

PHPWAMP内置IIS管理器一键搭建PHP网站,支持无限个不同PHP版本同时运行

PHPWAMP内置功能强大的IIS站点管理,可同时运行多个PHP版本,站点管理可自定义添加PHP版本支持Apache、Nginx、IIS多功能站点管理,后期我会在业余时间开发出更多实用功能,敬请关注。使用方式:点击相关设置,直…

anguler 画面布局适应屏幕大小_自适应与响应式网站建设

网站建设是对于一个新手来讲是一件繁琐累人的事情,首先你要考虑自己的网站用途是什么?如果自己做建设,你需要的知识是很多的,如C、java、php、dreamweaver、photoshop、firework等等,一个网站不单单做出来,…

一个牛X的网站——中國哲學書電子化計劃

2019独角兽企业重金招聘Python工程师标准>>> 找《大明会典》时无意间发现的: 中國哲學書電子化計劃 网址:http://ctext.org/zhs 光看目录就激动的不行。。。 转载于:https://my.oschina.net/u/2399303/blog/902643

企业新建网站,为什么在搜索引擎上找不到?

这个问题可以很明确的回答一下:新建的网站,你不一定就可以在各大搜索引擎上找到!主要的原因如下:1、你的网站未被搜索引擎收录,不是任何网站都被搜索引擎收录的。2、即便收录啦,由于你对网站标题的设置&…

jstl处理栏目与子栏目_seo技术:大部分人遗漏的栏目页优化,你是否也忽视了?...

我们在做网站优化排名的时候发现,网站关键词排名一直上不来,而且关键词库是很少的,除了我们设置好的首页TKD以外,其它栏目页就没有好好的运用,我们可以看看大部分的企业网站,他们的栏目页大部分就是一些留言…

首页面太大怎么样快速加载_SEO团队_网站如何优化至百度首页

网站怎样优化才能快速进入搜索引擎的首页呢?平时我们所说的seo优化就是指企业网站的seo优化,使得网站的关键字能够有一个比较前的排名,甚至出现在搜索引擎的首页,这样网站的点击率以及流量都上升,给网站带来更大的利益…

怎么适应多种数据库_石河子商城网站制作怎么选

石河子商城网站制作怎么选,专业的技术团队,丰富的互联网运营成功经验,卓越的创作思维,为您创作出一流的品牌互联网形象。石河子商城网站制作怎么选, 十、国家对适龄儿童注射疫苗及预防接种方面有何规定?根据…

阿根廷绝杀尼日尼亚给我们互联网建站者带来什么启示?

2019独角兽企业重金招聘Python工程师标准>>> 今天凌晨两点钟,作为世界杯球迷的我也观看了阿根廷对战尼日尼亚的足球赛事,而一开场不久,梅西就凭借着自己超凡的球技破门,这是梅西在2018年俄罗斯奥运会上第一次成功射门&…

如何做好企业网站专题页建设及营销推广优化方案成都SEO_成都辰星建站

为什么80%的码农都做不了架构师?>>> 成都SEO企业网站专题页建设及企业网站营销推广优化分析及对应处理方案,企业网站除去网站基础优化以外网站专题网页制作也是一种提升网站流量关键词排名提升的方案方法之一特别是对于产品商城网站和资讯类网站做好专题…

详细分析:当我们用浏览器访问一个网站到页面展示,背后经历了什么?

文章目录一、前提概要1、网络分层模型2、什么是IP地址?3、什么是域名?4、什么是DNS二、漫漫取经之路就在脚下1、域名解析2、建立TCP连接(三次握手)3、获取资源4、浏览器解释当我们用浏览器访问一个网站到页面显示出来,…

网站建设部署与发布--笔记2-部署Apache

网站部署(Linux) 部署Apache 操作系统:CentOS 7.21.首先连接云服务器,清楚系统垃圾。 $ yum clean all Loaded plugins: fastestmirrorCleaning repos: base epel extras updatesCleaning up everythingCleaning up list of faste…

使用github搭建自己的个人网站(装逼指南)

哈喽,你好。欢迎进来我的博客。 上一篇关于git的教程是教大家如何在github上面窗子哦及的本地项目。这次呢,和大家分享一下如何使用github创建自己的个人网站。 当然,前提还是得有github的账号,没有的话赶紧去注册一个。官网&am…

网站分享

各大网站页面上都会有分享到其他平台的功能。比如这个样子: 要是用这个分享的功能很简单。 给大家介绍一个网址:http://www.bshare.cn/ bshare是一个免费的分享平台,进入后打开 接下来按步骤走 最后将代码复制即可:

github搭建个人网站后如何设置域名

最近搭建了自己的个人网站,刚刚买了域名,设置时踩了几个坑,这里记录下。 这是我的地址:https://struggle20160730.github.io 是不是很难记,没办法,之前注册用户名的时候根本不知道还会用到,唉! 下面是我…

大型网站技术架构(一)大型网站架构演化

2019独角兽企业重金招聘Python工程师标准>>> 看完了有一本书,就应该有所收获,有所总结,最近把《大型网站技术架构》一书给看完了,给人的印象实在深刻,再加上之前也搞过书本上讲的反向代理和负载均衡以及ses…

HTML5 + CSS3 + JS 演示网站

文章来源: http://developer.51cto.com/art/201112/309731.htm 先看一些有趣的东西。这些网站利用JavaScript将Canvas,WebGL,CSS3和HTML5元素这些浏览器技术融合在了一起。通常这些技术只是用来取悦用户,或是在现代的浏览器中显示一些新的功能…

jquery仿网站客服

之前在网上看的一个效果,因为目前在外包公司了。经常要用到这个效果,所以还是保留下比较好。在线预览:http://www.bright2017.top/test1/test1-15/ 出处实在找不到了,就不留原创地址了。

js资源链接jq地址BootCDN 和一些比较好的网站收藏

1.BootCDN:https://www.bootcdn.cn/ 1.1.可以搜素需要的网络资源,非常齐全 2.这个网站将前端的一些东西做了整理,找起来比较方便 2.1 网址: https://www.bestvist.com/nav 2.2内容

网站被黑提醒该站点可能受到黑客攻击,部分页面已被非法篡改

2019独角兽企业重金招聘Python工程师标准>>> 大清早的一上班收到3个网站客户的QQ联系,说是自己公司的网站被跳转到了北京sai车,cai票,du博网站上去了,我们SINE安全公司对3个网站进行了详细的安全检测,发现这…

大型网站技术架构(八)网站的安全架构

2019独角兽企业重金招聘Python工程师标准>>> 从互联网诞生起,安全威胁就一直伴随着网站的发展,各种Web攻击和信息泄露也从未停止。常见的攻击手段有XSS攻击、SQL注入、CSRF、Session劫持等。 1、XSS攻击 XSS攻击即跨站点脚本攻击(…