AMP入门(二)

AMP组件 AMP有5个原生组件和三十多个扩展组件,基本能够覆盖到我们平时开发中用到的绝大多数需求,本文介绍了APM组件部分,并选择常用的几个组件做了示例 原生组件 此类组件中有以下几种,详细文档请参考AMP组件部分 amp-ad amp-embed amp-img amp-pixel amp-video 我们详细介绍一下常用的amp-img与amp-video。 amp-img 在js运行的时候,由AMP来决定延迟加载或按某种顺序来加载amp-img,使用amp-img必须明确的指定资源的宽高,这样就不用完全加载出img也可以确定图片的缩放比,避免图片加载成功后触发页面的回流。如果amp-img中的资源加载失败,则元素中为空,除非为它指定一个后备方案fallback子元素。 amp-img支持以下属性: src:与img的src类似, »

s on fe, js

AMP入门(一)

WHAT(AMP是什么) AMP(Accelerated Mobile Pages),GOOLE公司为了加速页面渲染的一个开源项目,是一种以更快的渲染速度来构建静态内容web页面的方式,详情请见AMP官网。 WHY(为什么需要AMP) 现在移动设备无处不在,我们在用移动设备浏览,分享世界的时间已经大于PC端了,但移动端的浏览体验和性能一直是我们关心的:比如加载速度,为了提升移动端的设备浏览体验,GOOGLE通过自定义元素和组件化的方式来优化web,使加载和渲染速度得到了很大的提升,加之于AMP CACHE让页面中资源更快的加载出来。 用户浏览体验方面:之前的页面都是点击跳转到第三方页面浏览,其中速度不可控(涉及到第三方的服务器性能,带宽, »

s on fe

nginx_stream模块

ngx_stream_core_module ngx_stream_access_module ngx_stream_limit_conn_module ngx_stream_proxy_module ngx_stream_ssl_module ngx_stream_upstream_module 挖坑待填 »

nginx_mail模块

ngx_mail_core_module ngx_mail_auth_http_module ngx_mail_proxy_module ngx_mail_ssl_module ngx_mail_imap_module ngx_mail_pop3_module ngx_ »

nginx_http模块

ngx_http_core_module ngx_http_access_module ngx_http_addition_module ngx_http_auth_basic_module ngx_http_auth_request_module ngx_http_autoindex_module »

nginx核心功能

配置示例 user www www; worker_processes 2; err_log /var/log/nginx-error.log info; events { use kqueue; worker_connections 2048; } ... 指令 语法:accept_mutex on | off; »

nginx负载均衡

简介 在多个应用实例中使用负载均衡是一种常用的技术,它可以优化资源利用率,最大限度的提高吞吐量,减少延迟,增强容错。 在多个web应用服务器中,使用nginx可以有效的做到HTTP负载均衡和流量分配,提高性能,扩展性和稳定性。 负载均衡机制 nginx支持以下复杂均衡机制: 轮询方式--把请求以循环的方式分布在不同应用服务器上。 最少连接方式--请求会分配给最少有效连接的服务器。 ip-hash方式--基于客户端的IP地址,使用一个哈希方法去计算由哪一个服务器去处理下一个请求。 负载均衡默认配置 最简单的负载均衡配置如下: http { upstram myapp1 { server srv1.example.com; server »

nginx是如何处理请求的

基于名称的虚拟服务器 nginx会先用哪个服务来处理请求,先让我们从一个配置文件入手,这个配置文件三个虚拟服务器都是坚挺的80端口: server { listen 80; server_name example.org www.example.org; ... } server { listen 80; server_name example.org www.example.org; ... } server { listen »