×

js压缩图片

js压缩图片(西安一码通「1M图片优化到100KB」这种压缩技术难度如何)

admin admin 发表于2023-07-02 08:16:22 浏览50 评论0

抢沙发发表评论

本文目录

西安一码通「1M图片优化到100KB」这种压缩技术难度如何

二更说明:

针对有些同学认为这个系统就没有事务,没有TPS,只有QPS的不正确观点,华为出身的本老师,再在文章最后做点概念普及。

一更说明:

从评论看,各位朋友对压测的相关概念疑问很多,在文章的最后,我更新一点压测概念普及,准确的说应该是性能测试的概念普及。

性能测试包含容量、稳定性、负载和稳定性,大家平时通俗口语化所说的压测,在软件公司里一般是测容量和稳定性的。


一码通这两次崩溃,根本不是技术难度的事,我来跟大家谝点其他的

前言:

作为一个自愿被封在家里吃不到肉肉的西安人、一个曾在华为西研所做过云产品研发的伪技术人员,对于西安一码通半月内丢人得奔溃了两次的事情,站在希望自己城市能越来越好的角度,说几句自己的观点:


图1:一码通注册用户4695.2万,每分钟扫码量120万,也就是2万TPS(次每秒)

图2:全员核酸一码通每秒访问量是平时的10倍

假定,以上“以往峰值10倍以上”的说辞正确,推算新的峰值访问量将达到20万TPS,按每秒处理1000个事务则必须打开1万个并发连接的经验来判断,一码通按照每秒200万的峰值请求来设计才会保险点

图3图4:东软2020年3月用46万中标一码通项目的系统总体开发(主要为前后端架构设计、代码开发)

图5:2021年12月又以为539万中标一码通二期项目

图6:一码通带宽竟然扩容到了惊人的700G

以上说明:2020年3月,东软竟然只用46万的白菜价中标了一个最大要承载200万并发的项目,2021年12月又只以539万中标这个项目的二期工程!一码通带宽700G,大概率这次崩溃事件跟带宽是没关系的,那么只可能是软件架构设计问题和硬件部署方案问题了。百万量级并发的系统,先不说东软技术实力能不能做,用46万、539万的成本能做出来就见鬼了。

图7:有网友建议向12306优秀案例学习

呵呵,要知道设计并发1700万的12306花了上10个亿!咱西安一码通这种低端并发场景虽然完全跟12306不在一个量级上,但峰值百万并发的一整套完整软硬件解决方案也不是几百万能搞定的呀!既然咱全国著名贫困城市大西安缺钱,为啥还要单独弄一个一码通,和陕西公用一个健康码不好么?非要单独做,为啥不找华为、阿里、腾讯、百度做?非找个连软通都比不上的东软做项目总体,再分包给8个其他莫名其妙的公司?


结论:

看来,好好写代码是挣不来钱的,不得不写点Bug才能挣点钱!

作者:啄木鸟学院的老板荣老师,写于2022年1月6号,转载请注明出处。

温馨提醒:本论断所引用的数据均来源于网络,本人推论有因为被引用数据的不准确而不准确的风险,所以,本人无法对推论的准确性负责。

作为一个测试职业教育机构的校长兼其中一名老师,对这个帖子中的性能测试概念做一点普及,让大家在看帖同时,能学到一点点东西

一更(2022.1.7):

QPS:Queries Per Second,是“每秒查询数”,是后台服务每秒能响应的查询次数。

TPS:Transactions Per Second,是后台服务每秒能处理的事务数。一个事务是指一个客户端向服务器发起一个交易,然后后台服务对这个交易做出响应。

再用通俗的语言对这两个概念进行下区分:

1、TPS即每秒处理事务数,包括了:

1)用户在客户端发起交易的请求到服务器

2)服务器上的后台服务进行内部处理

3)后台服务把处理结果返回给客户端

比如:这三个过程,每秒能够完成N个这三个过程,TPS就是N

2、QPS跟TPS完全两个概念:

1)用户在客户端的某个页面发起一次交易,形成一个TPS

2)这一次TPS,一定会在服务端产生多次查询的请求

比如:扫一码通后,发起一个TPS,后台接收到交易报文,开始查用户状态、查身份证号、查疫苗接种信息、查上次核酸结果,一个TPS的多个查询请求,都可以计入QPT之中

结论:

用户在客户端上的一个登录、注册、支付之类的交易,会形成一个TPS,但是这个TPS会在后台形成N次查询请求,所以,一次交易,产生一个“T”,N个“Q”


二更(2022.1.7):

Jmeter聚中的TPS = 事务数/运行时间;如果没有定义事务,会把每个请求作为一个事务

QPS是Queries Per Second,是数据库中的概念,每秒执行条数(查询),被引申到压测中来了,但不包括插入、更新、删除操作,所以不建议用QPS来描述系统整体的性能

建议用TPS,这个T,你可以理解成一个接口,也可以理解成一个业务流程等

结论:

有完整前后端的项目,一定会完成接口前后台的通信,一定会有TPS,世界上不存在没有TPS的完整前后端项目

新网站如何优化

SEO目前是一个很尴尬的产业,你要是说SEO没用,要完了。这肯定不会,毕竟搜索引擎所带来的流量是很宏观的。既然有搜索展现就一定有排名的争抢,跟做生意一样。

谁靠前谁的生意基本要好点,不过当搜索引擎走到今天这一步,想要从这些流量里面分一杯羹,那是真难。一些常见的热门关键词几乎都已经被该行业的大神们给牢牢抓住,我们能做的,也只有想尽办法的挖掘长尾关键词来截取一点流量。

所以,现在的SEO的主流更多的是看你的文章只有文章更新的越多,对用户帮助越大,粉丝积累的越多,这样SEO才会出现价值。

很多想要通过网络致富的一些朋友,经常想着让自己的网站流量达到一个峰值,然后默默的收取广告位费用或者引流到自己的微信号,完成成交,可以说这是很多从事网络赚钱行业人的梦想,但是这个过程真的很辛苦,需要长时间的坚持和摸索,才有可能成功,但是网站想要有流量,那就要有排名。

再者说,就算你不准备以SEO为职业,只是想着建个网站,作为一个在网络世界里分享自己心得体会的一个空间。如果你作为一个站长的话,懂一些SEO技术,就可以很好的去经营好自己的网站。很多时候SEO的本质作用就是让网站锦上添花,因此,学习SEO,一定要明白seo具体会给你带来什么样的帮助。

那么一个新搭建好的网站具体应该如何进行一步步的优化呢,很多时候这些方法并不是所有人都懂,因此磊哥梳理了下这些年自己对新网站优化的一些个人总结分享给大家,希望可以对大家有点价值。

内部优化

1,完善所有页面的tdk

网站 相当于一个店铺对外的门脸,十分的重要,因为只有知道你是干啥的,人家才可能进你网站看看,因此tdk一定要慎重的编写,一般情况磊哥都是选择模仿行业前几位的网站去进行,先记录他们网站的标题,描述,做成一份表格进行筛选,然后进行比较刷选出自己感觉最好的,这样做是因为人家排名那么高,一定是原因的。

我们刚开始做可以先学习着来,至于关键词定位,可以使用站长工具去筛选,只有把关键词先定位好了,找到自己优化的大方向,后面才能按照这个方向去优化,一般设置tdk的页面包括新站首页,新站栏目页,新站内容页,频道封面页等。切记不要在标题上堆砌关键词。

2,网站内容定时更新

网站内容是网站优化很大的一个侧重点,我们需要每天对新站进行文章更新,同时保持文章质量的原创度,在写文章的时候要把自己选定的关键词适量的带入到文章中,因为只有你的文章对别人有价值,别人才会记住你的网站。

而且要记得网站内部的文章之间要做内链,做内链最重要指标是网站各个链接有没有出现死链接。同时要记住页面内不能用同一个锚文本进行做链接。

3,检查新站提交链接

当网站设定好tdk并且开始发布文章后,我们要用站长工具或者死链查询工具,对网站进行全站检查,然后对有死链的页面进行修改,保证访问路径状态码是正常,对于已经收录的死链接,要提交到百度站长平台,同时在站长平台,要把网站的主页链接和发布的文章链接提交到百度,这样会促进你的百度收录你的网站。

收集好了后提交给各大搜索引擎站长平台。

4,网站辅助细节设置

当你的网站提交搜索引擎后,我们需要对新站做一些有利于seo优化设置的设定,这些细节可以帮助你更快的收录。

301域名重定向,可以集合你网站的权重,404页面,可以提升你的网站用户体验,网站sitemap制作可以吸引蜘蛛爬你的网站;

HTTPS安全证书,现在这个基本是网站的标配,其实不加也可以;

Robots文本,可以对网络蜘蛛设定,让他有针对性的去爬取你想要让他看到的内容。

但是切记不要把所有都给屏蔽,要不蜘蛛就不会抓取你的网站。

Nofollow设置

对于网站中不想分散权重的链接和页面要及时的进行Nofollow掉,使你的网站的权重集中起来,比如在联系我们,或者在其他栏目。

Url优化

网址一般现在都要规范化,新站要去确保检查网页URL设置是否正确,一般设置伪静态url。

外部优化

1,友链添加。

新站建立后,最后找几个好一点的友情链接网站,这样可以增加百度对这个网站的信任值,有益于网站收录和排名,这个属于比较好的外链方式。

2,论坛,博客,贴吧,第三方平台发布软文外链。

新站建立后,可以适当的在一些权重比较高的博客和论坛,发布一些文章,文章中的某些关键词可以链接到你的网站,这样也是一种外链的方式。

外链这部分要重点说下,其中包含你要发布的外链平台;

当然你要找的外链平台需要注意有:平台的权重、收录、人气、快照、相关性。一个好的平台外链的有效时间会越来越快,越来越长,这样可以节省外链的制作成本。

另外,还有相关性呢,查看相关性主要取决于您所在行业的用户活跃度,在这个平台上寻找信息。如果一个机械行业跑到微博上做外部链接相关性很低就不好了。

3,在各个站长工具搜索自己网站。

很多时候新站可以在没有收录之前在各大站长工具,适当的去搜索你的网站,当你在站长工具搜索后会留下记录,这个也会增加一定的网站收录,这个也是一种优化的方法。

好了,到这里就基本算是告一段落了,以上就是对于新站应该如何优化的一些个人见解,希望可以帮助到那些新站如何优化不太明白的朋友,

可能还有很多层面,没有写到,这个很正常,毕竟对于优化一个网站,每个人的思路都不一样,大家可以多尝试,多学习。

图片网站如何加速

图片作为网页中的重要元素,虽然在网页的修饰及内容的展示上给人一种视觉美感,但是它本身也是一种资源。只要是资源,那浏览器就会发出请求,请求一多自然就会影响网页的加载速度。所以对于一般的图片(图床)网站,图片较多,打开速度也较慢。此时我们就需要进行一些技术上的优化,以此来加快网页加载速度了。具体有哪些优化措施呢?结合我的实际经验分享一些供大家参考:

1、图片资源单独域名形式部署

每款浏览器其实都是有并发数限制的,如果一个页面上所有的资源用的都是同一个域名来请求,那并发数无法突破,所以建议图片资源可以搞1~3个独立域名(或子域名)来部署访问。这样做的好处有:

  • 便于后面的CDN加速实施;

  • 可以提高浏览器的并发请求数

  • 减少了Cookie污染。

我们可以看看那些大型网站,图片都是以单独域名形式部署的,而且域名还不止一个。

2、CDN加速

图片类网站最多的资源就是图片,而正常的图片都是静态文件,所以我们完全可以把图片全部走CDN加速,这样做的好处主要有:

  • 节省源站服务器的带宽;

  • 利用CDN可以解决边缘网络访问问题,使得用户就近获取资源,加快了网页加载速度

3、图片尺寸控制、适当裁剪

见过不少网站存在一些无法理解的低级错误,如:一张图片几兆,一个页面下来光图片资源就占了几十兆;图片显示区大小为200x200,但引用的图片却是1024x768这种大尺寸的图。

上面这些错误相信很多人都遇到过,这是需要规避的。网页上的图片一定要做到适当裁剪、控制好尺寸大小。

4、启用WebP格式

WebP格式是由谷歌开发的一种图片格式,它即支持无损压缩也支持有损压缩,不管是哪种压缩方式,相比传统的JPEG,其物理大小要小得多。所以如果我们将JPEG的图片转为WebP,无疑是加快了网页加载速度,只不过要注意,一些低端浏览器可能对WebP的支持不够,这里要做好兼容处理

另外,如果服务器无法支持WebP,那就尽可能使用GIF代替PNG图片

5、启用Gzip压缩

Gzip同样能有效的压缩静态资源,据说静态资源文件启用了Gzip后,压缩率能达50%以上

Gzip要想正常发挥作用,需要客户端和服务器端都支持Gzip压缩。服务器端主流的HTTP Server都支持Gzip压缩,而现在主流的浏览器也都支持Gzip压缩,所以问题不大。

6、惰性加载

惰性加载也称为“懒加载”,当图片出现在浏览器可视区域内图片才加载,如果不在可视区域图片则不主动加载,这就是懒加载的由来。

通过惰性加载技术可以有效的减少页面短时间内的请求数量,这样就缓解了页面加载速度。

如何实现呢?主要借助JQ插件来实现,常见的有:jQuery.lazyload 等。


上述这些方案在现实中是最常用的,当然了,方案远不止这些。

以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流及补充 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!