新闻资讯  快讯  焦点  财经  政策  社会
互 联 网   电商  金融  数据  计算  技巧
生活百科  科技  职场  健康  法律  汽车
手机百科  知识  软件  修理  测评  微信
软件技术  应用  系统  图像  视频  经验
硬件技术  知识  技术  测评  选购  维修
网络技术  硬件  软件  设置  安全  技术
程序开发  语言  移动  数据  开源  百科
安全防护  资讯  黑客  木马  病毒  移动
站长技术  搜索  SEO  推广  媒体  移动
财经百科  股票  知识  理财  财务  金融
教育考试  育儿  小学  高考  考研  留学
您当前的位置:首页 > IT百科 > 站长技术 > 网站

我们悄悄优化了页面载入速度

时间:2019-12-02 15:59:50  来源:  作者:

随着访问量的增大,我们发现在高峰时期 SegmentFault 的载入速度越来越慢,而且还时不时会出现 502 的问题。而优化载入速度是一个很庞大的系统工程,它不仅涉及到系统设计,前端改造还包括业务逻辑的优化等等。但是,有些问题是可以立马解决的,而且可以带来比较明显的提升效果,因此我们这次的优化就集中在这些问题上了。

加机器

这是增加系统承载量最简单粗暴的方法,当然这次也不能免俗。当然作为一个创业公司,我们对增加服务器一直是比较谨慎的,对现有服务器的性能也是一直压榨压榨再压榨(手动微笑)。当然考虑到现有服务器在高峰期的负载已经逼近峰值,这加机器也是必不可少的了。

于是我们首先升级了 php 的版本(这可以带来少量的性能提升),并且增加了服务器的数量。负载立马下降,效果立竿见影。但是要加快载入,还需要一些其它的手段综合使用。

剥离其它业务的访问量

之前为了配置方便,我们的一些附属服务的流量也是从同一个流量入口进入。这就导致了在高峰期的网络拥挤。特别是广告服务,因为一个页面往往有好几个广告位置,这导致请求量被成倍放大。

在这次优化中,这些服务被挪到单独的入口,并进行针对性的网络优化。以前吃紧的带宽,一下子富余了很多。负载均衡服务器的压力也大大下降了

前端页面的小优化

在用debug工具查看页面的网络请求时,我们发现广告业务的请求是同步加载的,这就导致页面的渲染会一顿一顿地进行,用户体验比较糟糕。于是我们修改了广告载入的逻辑,让它与页面加载异步进行,这提高了感官上的页面载入速度。

总结

载入速度优化是一个持续不断的过程,我们也会把这项工作继续进行下去。这些立竿见影的改进完成后,就是业务逻辑的优化,这些硬仗可能会持续很长时间。目前我们已经在对某些页面做针对性的改进,比如大家能看到的新版文章页。后续还有一大波新的页面正在赶来的路上。



Tags:优化   点击:()  评论:()
声明:本站部分内容来自互联网,内容观点仅代表作者本人,如有任何版权侵犯请与我们联系,我们将立即删除。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
随着访问量的增大,我们发现在高峰时期 SegmentFault 的载入速度越来越慢,而且还时不时会出现 502 的问题。而优化载入速度是一个很庞大的系统工程,它不仅涉及到系统设计,前端改...【详细内容】
2019-12-02   优化  点击:(0)  评论:(0)  加入收藏
一个 Android 应用是否流畅,或者说是否存在卡顿、丢帧现象,都与 60fps 和 16ms 有关。那么这两个值是怎么来的呢?为什么以这两个值为衡量标准呢?本文主要讨论下渲染性能方面决定...【详细内容】
2019-11-28   优化  点击:(2)  评论:(0)  加入收藏
做google网站优化这些年不难发现该行业难度逐年变高,很多人由于跟不上技术更新而纷纷转行。网上就有人讲未来发展更倾向于网站竞价,seo更难做。真是这样吗?我只认同前半句,后面...【详细内容】
2019-11-26   优化  点击:(5)  评论:(0)  加入收藏
今天分享给大家一个工具:minid工具下载直接访问github搜索:minid功能介绍 借助该工具可以优化Dockerfile,将Dockerfile的分层减少,从而达到使镜像变小的目的该工具主要是分析RUN...【详细内容】
2019-11-26   优化  点击:(3)  评论:(0)  加入收藏
Declutter Pro for mac是Mac平台上的一款桌面整理软件,Declutter Pro for mac可以帮助用户在几秒钟之内单击一下即可让桌面变得干净整洁。能够设置时间段来自动整理桌面文件...【详细内容】
2019-11-20   优化  点击:(5)  评论:(0)  加入收藏
凤巢新匹配内测阶段已经有不少广告主开启体验了,还不了解百度凤巢新匹配的同学,可以点击查看百度搜索新匹配模式全面解读。玩好新匹配,需要提前进行账户切换部署,获得更多流量机...【详细内容】
2019-11-19   优化  点击:(30)  评论:(0)  加入收藏
首先,修改tomcat/conf/server.xml配置文件。<Executor name="tomcatThreadPool" namePrefix="catalina-exec-" maxThreads="500" minSpareThreads="400" /> <Connector...【详细内容】
2019-11-15   优化  点击:(18)  评论:(0)  加入收藏
本文我们来聊一下读写锁。所谓的读写锁,就是将一个锁拆分为读锁和写锁两个锁,然后加锁的时候,可以加写锁,也可以加读锁。...【详细内容】
2019-11-14   优化  点击:(11)  评论:(0)  加入收藏
网站页面的关键字是后期网站能否获客获流的关键因素。如果页面关键字布局合理,那么他就能保障一个网页设置几十甚至上百的关键字的可能。可以增加被搜索频率展示的几率以及索...【详细内容】
2019-11-13   优化  点击:(12)  评论:(0)  加入收藏
seo排名技巧很多,但俗话说的好,知己知彼百战不殆,我们要做seo,首先应该为什么我们的网站有排名,或者会参与排名。下面天企网络小编会从以下三点解释SEO排名的技巧,让大家知道关键...【详细内容】
2019-11-13   优化  点击:(9)  评论:(0)  加入收藏
网站站内设置是SEO优化非常重要的一个环节,所以优化人员一定要重视SEO基础工作,夯实基础会给后期网站SEO优化工作带来很大便利,那么新站SEO优化的基础设置都有哪些呢?下面就由...【详细内容】
2019-11-13   优化  点击:(5)  评论:(0)  加入收藏
SEO与网络推广的区别: 首先,从概念上来说,网络推广就是企业从开始申请域名、租用空间、网站备-案、建立网站、直到网站正式上线开始就算是介入了网络推广活动,而通常我们所指的...【详细内容】
2019-11-13   优化  点击:(8)  评论:(0)  加入收藏
许多网站由于一些客观原因不能做SEO优化,他们会使用黑帽SEO优化技术来提高网站排名并获得相应的流量。为了让每个人都了解搜索引擎,而不是鼓励每个人使用黑帽技术,下面来看看黑...【详细内容】
2019-11-13   优化  点击:(9)  评论:(0)  加入收藏
这是一个非常普通和陈腐的标题,没有吸引力,但是很少有站长能真正做好优化工作。我问了我的一个做了多年草根网站管理员的朋友,我说如何做好SEO搜索引擎优化。他给我的答复很难,...【详细内容】
2019-11-09   优化  点击:(1)  评论:(0)  加入收藏
Tomcat 是我们最常用的服务器之一,合理的优化配置,往往有非常好的效果。配置的话主要分两块,一个 server.xml,还有一个就是 JVM 参数的配置。这里我们以8.5版本为例,主要看下 ser...【详细内容】
2019-11-13   优化  点击:(9)  评论:(0)  加入收藏
手把手教你MySQL查询优化分析前言MySQL是关系性数据库中的一种,查询功能强,数据一致性高,数据安全性高,支持二级索引。但性能方面稍逊于非关系性数据库,特别是百万级别以上的数...【详细内容】
2019-11-11   优化  点击:(20)  评论:(0)  加入收藏
今年国庆后国内大批做百度网站优化收录和排名直线下降,很多人都以为是被降权,但是也没有违规操作,纷纷向官网反馈,但是官网给出的结果就是符合预期搜索排名要求,我们很多苏州seo...【详细内容】
2019-11-11   优化  点击:(21)  评论:(0)  加入收藏
图源Unsplash用Python编代码体验极佳,并随着新版本的发布越来越好!对于我而言,Python提供的大量免费函数库、高可读性的程序和新引入的类型注释让我沉迷其中无法自拔。然而,数据...【详细内容】
2019-11-11   优化  点击:(11)  评论:(0)  加入收藏
首先采用Mysql存储千亿级的数据,确实是一项非常大的挑战。Mysql单表确实可以存储10亿级的数据,只是这个时候性能非常差,项目中大量的实验证明,Mysql单表容量在500万左右,性能处于...【详细内容】
2019-11-11   优化  点击:(13)  评论:(0)  加入收藏
现在很多企业都会做一个网站优化来为自己的营销达到更加好的效果,但是有些小企业刚的朋友可能不太清楚什么是关键词优化。不如我们一起来看看艾奇在线为大家解释一下什么是关...【详细内容】
2019-11-07   优化  点击:(5)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条