Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cómo hacer tu sitio web más rápido con AMP

GDG Culiacán
February 04, 2021
Technology
0
33

Cómo hacer tu sitio web más rápido con AMP

En esta presentación, Martín Barajas hace una introducción sobre la plataforma de Accelerated Mobile Pages o AMP, una plataforma creada y mantenida por Google para crear páginas web que cargan en menos de un segundo en dispositivos móviles.

GDG Culiacán

February 04, 2021
Tweet

More Decks by GDG Culiacán

See All by GDG Culiacán
Interfaces accesibles: diseño más allá de lo evidente
gdgculiacan
0
24
Lo nuevo de Flutter en 2021
gdgculiacan
0
38
Tour por AMP
gdgculiacan
0
110
Introducción a las Progressive Web Apps
gdgculiacan
0
41
Realidad, Consejos y Recomendaciones para Trabajar con Flutter
gdgculiacan
0
18
Introducción al performance en aplicaciones Android
gdgculiacan
0
64
Plataformas tecnológicas de Google para developers
gdgculiacan
1
47

Other Decks in Technology

See All in Technology
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
oracle4engineer
PRO
28
13k
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
500
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
150
ノーコードデータ分析ツールで体験する時系列データ分析超入門
negi111111
0
420
第1回 国土交通省 データコンペ参加者向け勉強会③ - Snowflake x estie編 -
estie
0
130
DynamoDB でスロットリングが発生したとき/when_throttling_occurs_in_dynamodb_short
emiki
0
250
アジャイルチームがらしさを発揮するための目標づくり / Making the goal and enabling the team
kakehashi
3
110
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
これまでの計測・開発・デプロイ方法全部見せます！ / Findy ISUCON 2024-11-14
tohutohu
3
370
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
160
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
180

Featured

See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Code Review Best Practice
trishagee
64
17k
Teambox: Starting and Learning
jrom
133
8.8k
Faster Mobile Websites
deanohume
305
30k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Into the Great Unknown - MozCon
thekraken
32
1.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Side Projects
sachag
452
42k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
It's Worth the Effort
3n
183
27k
Raft: Consensus for Rubyists
vanstee
136
6.6k

Transcript

  1. Cómo hacer tu sitio web más rápido con AMP Martín

    Barajas Full-Stack Web Developer Twitter: @mrtnbrjs
  2. None

  3. Por qué AMP Mobile First En un mundo Mobile First

    la velocidad es más importante que nunca. Carga instantánea Tus páginas serán rápidas y una mejor experiencia de usuario sin interrupciones. Múltiple distribución Esta tecnología es compatibles con muchas plataformas como BIng, Google, Twitter, Medium, Linkedin y Pinterest.

  4. 3 componentes principales • AMP HTML • AMP JS •

    AMP Cache
  5. None

  6. ¿Qué haremos? Daremos un recorrido para ver lo básico de

    esta tecnología y ponerla a prueba.

  7. Primeros pasos ⚡

  8. Reemplazar CSS

  9. Excluir third-party JavaScript

  10. Incluir AMP CSS boilerplate

  11. The canonical stuff

  12. None

  13. ¡Gracias! Martín Barajas Full-Stack Web Developer Twitter: @mrtnbrjs