Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Chrome Dev Summit'18
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Joselito
December 08, 2018
Technology
91
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Chrome Dev Summit'18
Joselito
December 08, 2018
More Decks by Joselito
See All by Joselito
Apresentando window.ai
joselito
0
80
Virei Lead, como me manter Tech enquanto gerencio pessoas?
joselito
0
150
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
joselito
1
100
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
joselito
0
71
Dando rollback no site do governo
joselito
0
270
Next.js: o desenvolvedor feliz de novo
joselito
0
180
Componentizando a Web
joselito
0
190
Firebase para se divertir com IoT
joselito
0
170
WebApps Offline com ServiceWorkers
joselito
2
230
Other Decks in Technology
See All in Technology
大量データに対しても、生成AIを用いてリーズナブルにデータ加工をしたい!Databricksのai_queryについて調べてみた
kamoshika
1
220
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
mhrtech
1
230
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
cscengineer
PRO
1
5.2k
DMM.com 購入改善推進チーム におけるCodeRabbitを用いた レビューフロー改善の一例
ysknsid25
2
670
企業でAWS Organizationsを動かすための組織設計の考え方
nrinetcom
PRO
1
110
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
250
脱金融のフューチャー・デザイン / Future Design Beyond Finance
ks91
PRO
0
160
最適な自走を最小限の支援で — M&Aで拡大する組織で少人数SREが挑んだ1年 / SRE NEXT 2026
genda
0
1.5k
世界、断片、モデル。そして理解
ardbeg1958
1
130
複数プロダクト組織のAIネイティブ化における戦略 / AICon2026_kude
rakus_dev
0
140
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
ynisqa1988
1
650
AI x 開発生産性を取り巻く予算戦略と投資対効果
i35_267
1
220
Featured
See All Featured
A Soul's Torment
seathinner
6
3.1k
Optimising Largest Contentful Paint
csswizardry
37
3.8k
Utilizing Notion as your number one productivity tool
mfonobong
4
430
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
770
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
350
Build your cross-platform service in a week with App Engine
jlugia
234
18k
How to make the Groovebox
asonas
2
2.3k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
590
Amusing Abliteration
ianozsvald
1
230
Google's AI Overviews - The New Search
badams
0
1.1k
Six Lessons from altMBA
skipperchong
29
4.3k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
410
Transcript
None
None
None
None
pwas
None
None
None
None
squoosh.app
None
visbug https:!//github.com/GoogleChromeLabs/ProjectVisBug
None
web.dev
None
lighthouse
pagespeed
houdini
None
frameworks
std
w3c
writables files api
scheduler api
lazyload
threads & workers
None
web packaging
<virtual-scroller>
None
invisible dom
<portal> https:!//github.com/KenjiBaheux/portals
None
polymer
lithtml
amp
carlo https:!//github.com/GoogleChromeLabs/carlo
crostini
tl;dr
comprima suas imagens, com formato, compressão e tamanho devidos; usando
lazyload
fontes: elimine os efeitos de textos invisíveis fazendo swap
faça split do seu bundle e carregue só o necessário
use serviceworkers com responsabilidade
otimize o número de requests e seu cache
offline não é feature. é obrigação.
None
@breakzplatform valeu o boi