性能与架构-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

性能与架构

专栏成员

597

文章

1191837

阅读量

116

订阅数

网站 cache control 最佳实践

缓存 http css gulp javascript

通常，是因为 cache control 缓存控制策略定义不正确，导致服务端最新部署之后客户端没有接收到最新的更改。

2020-02-12

1.4K0

网站 cdn css 负载均衡负载均衡缓存

用户点击链接后，浏览器首先会去请求 DNS 服务器（图中的【1】），获得网站的 IP 地址，然后通过 IP 请求网站。

2020-02-12

1.7K0

为什么前端工程师越来越值钱？

前端工程师行情下面是猎聘和拉勾上北京的前端工程师招聘信息截图行情是不是很不错为什么值钱？因为现在的前端开发工程师需要的技能越来越多了我所接触的程序员中，有不少对前端开发不重视，认为没啥技术含

2018-04-04

7030

2016前端开发者调查结果

css 单元测试 webpack javascript 打包

最流行的JS库和框架主要看绿色柱和橙色柱即可，绿色相当于知名度，橙色相当于使用程度。使用最多的库和框架： jquery,underscore,lodash,angular1,react 他

2018-04-04

7790

高性能流水线页面技术 BigPipe

css javascript html

网站速度是Facebook的重要目标，2009年，Facebook成功的使网站快了两倍，工程师团队为此做了多项创新，BigPipe就是其中的一个秘密武器 BigPipe重新设计了动态网页服务体系，大体

2018-04-03

1.4K0

腾讯前端首屏优化案例

下面是对腾讯前端团队优化手Q一个页面案例的总结优化目标页面：手Q群成员分布的页面左面是首屏，右面是下拉后到底部这个页面中，可以划分成四个部份：活跃群成员、男女比例、省市分布、年龄将前三个

2018-04-03

1.1K0

前端性能优化的常用方法

下面是一些提高网页访问速度的常用方法：（1）合并压缩JS/CSS （2）使用CSS sprites （3）避免使用CSS表达式（4）精简HTML CSS JS代码大小（5）避免JS的复杂计算和DOM操作，减少页面的重绘重排（6）JS尽量放到页面底部（7）合并AJAX请求（8）TAB页异步或延迟加载（9）非关键图片尽量延迟加载，如头像（10）压缩图片质量（11）设置较长的客户端缓存过期时间（12）设置GZIP压缩（13）cookie隔离（14）适当使用多域名增加并行加载（15）重点优

2018-04-03

6270

前端工程 - 静态资源的更新

javascript html 缓存 css

示例 <html> <head> <link href='a.css' type='text/css'/> <script src="b.js"></script> ... </head> ... </html> 这个页面引用了2个静态资源： a.css、b.js 随着产品的不断发展，简单的静态资源更新也就不再简单阶段一产品初期，访问量不大，网络带宽充足，每次用户访问都重新加载静态资源也很快这种情况下，静态资源的升级就非常简单，用新的文件直接覆盖线上文件即可阶段二

2018-04-03

1.3K0

CSS选择器是如何确定优先级的?

先看下面的示例 <div id="content"> <p id="title">Hello world</p> </div> 有如下的2个css选择器 #title { color: red; } #content p { color: blue; } 他们都是设置 p 标签内字体的颜色，哪个会生效呢？这就涉及到了css选择器优先级的积分规则 css为选择器设置了4个级别，值从左到右，左面的最大，一级大于一级，数位之间没有进制，级别之间不可超越可以把它看成一个4位数：0.0.0.0，数值越大的

2018-04-03

1.1K0

Web前端开发技术栈

前端领域的发展非常迅猛，大前端的时代到来了，据说每隔12-24个月，前端的难度将增加一倍，从下面的技术栈就可以看出前端领域的丰富度和复杂度核心概念 HTML |-- DOM |-- Element |-- Attribute JavaScript |-- 原型 Prototype |-- 作用域 Scope |-- 闭包 Closure |-- JSON |-- AJAX CSS |-- 选择器 Selector |-- 优先级 |-- 特性 Specificity |-- 盒子模型渲染引擎 |-- T

2018-04-03

1.9K0

nginx 设置资源过期时间

html 缓存 css

例如我们现在有一个静态资源 s.css page.html 中引用了 s.css 访问page.html，通过firebug查看网络请求，会看到发送了2个网络请求，正常返回200状态由于浏览器有默认

2018-04-02

2.9K0

前端构建工具grunt

grunt css 单元测试 sass sas

grunt是什么 grunt是目前非常流行的前端构建工具，支持自定义插件，有丰富的插件帮助我们完成构建任务自动化完成我们指定的任务，例如压缩、编译、单元测试、linting等前端为什么需要构建工具先看下前端的开发场景小项目中，css文件和js文件并不多，前端部分是很轻的，几乎不需要我们特别的关注而在一个大项目中，css文件和js文件的数量会达到几十个上百个，一个页面中会引用很多css和js文件，js的开发方式也已经模块化，不再像之前那样经常把很多函数写在一个文件中，css的开发开始使用SAS

2018-04-02

1.1K0

CSS选择器的性能优化

CSS选择器的性能排名（从最快者开始）：（1）识别器:#id （2）类:.class （3）标签：div （4）相邻兄弟选择器：a + i （5）父类选择器：ul> li （6）通用选择器：* （7）属性选择：input[type="text"] （8）伪类和伪元素：a:hover 应该记住，浏览器在处理选择器时依照从右到左的原则，因此最右端的选择器应该是最快的 div * {...} // bad .list li {...} // bad .list-item {...} // good #list

2018-04-02

1.1K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态