PRPL パターンを使用して即時読み込みを適用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 PRPL とは、ウェブページを読み込み、 より高速にインタラクティブになります。 遅れて検出されたリソースをプリロードする。 初期ルートをできるだけ早くレンダリングします。 残りのアセットを事前にキャッシュに保存します。 他のルートと重要性の低いアセットを遅延読み込みします。 このガイドでは、これらの手法がどのように連携して機能するかを 個別に使用する必要はありません。 Lighthouse を使用してページを監査する Lighthouse を実行し、PRPL に沿って改善の機会を特定する 手法： Ctrl+Shift+J キー（Mac の場合は Command+Option+J キー）を押して DevTools を開きます。 [Lighthouse] タブ
タグ
- すべて
- jQuery (17)
- 2ch (38)
- 3d (75)
- Ansible (38)
- Bluetooth (20)
- CMS (25)
- China (66)
- CodeIgniter (16)
- CreativeCommons (21)
- DDD (28)
- DOM (21)
- DeNA (27)
- IoT (23)
- Jenkins (22)
- LINE (62)
- MIT (20)
- Moon Gift (15)
- OpenSource (125)
- SEO (244)
- Safari (37)
- SocialBiz (19)
- TypeScript (220)
- WebDesign (231)
- Yahoo! (49)
- ad (379)
- adblock (20)
- adobe (30)
- affiliate (46)
- agile (62)
- ai (293)
- ajax (113)
- algorithm (58)
- amazon (107)
- analysis (93)
- analytics (59)
- android (351)
- animal (28)
- animation (118)
- anime (103)
- apache (39)
- api (289)
- app (885)
- apple (122)
- ar (62)
- architecture (149)
- art (134)
- async (21)
- atom (27)
- auth (53)
- avatar (16)
- aws (357)
- backup (29)
- bash (34)
- basic (682)
- beacon (16)
- beta (67)
- bicycle (31)
- bio (17)
- bitcoin (41)
- biz (1023)
- blockchain (52)
- blog (189)
- book (255)
- bootstrap (15)
- bot (56)
- browser (215)
- button (16)
- buzz (42)
- cache (36)
- cafe (24)
- calendar (29)
- camera (20)
- canvas (24)
- car (22)
- cdn (57)
- centos (16)
- cgm (41)
- chart (47)
- chat (101)
- cheatsheet (36)
- child (39)
- chrome (169)
- ci (70)
- cli (40)
- cloud (171)
- code (289)
- collaboration (58)
- color (44)
- comic (210)
- command (52)
- commercial (42)
- communication (199)
- community (149)
- company (30)
- compare (47)
- config (57)
- container (86)
- converter (23)
- cookie (66)
- cooking (46)
- cookpad (28)
- copyright (58)
- coupon (20)
- covid-19 (37)
- crawler (25)
- crime (72)
- cron (18)
- css (500)
- css3 (96)
- csv (21)
- culture (109)
- customize (50)
- data (147)
- db (314)
- death (39)
- debug (48)
- deeplearning (37)
- demo (22)
- deno (26)
- deploy (39)
- design (448)
- desktop (18)
- dev (5921)
- devops (124)
- dns (49)
- docker (272)
- document (53)
- domain (32)
- donation (30)
- download (134)
- draw (20)
- dropbox (24)
- ebook (65)
- ec (183)
- ec2 (19)
- eclipse (19)
- economy (32)
- edit (37)
- editor (109)
- education (123)
- election (21)
- electron (18)
- element (30)
- english (144)
- error (21)
- es6 (17)
- event (41)
- evernote (17)
- excel (40)
- extension (135)
- face (18)
- facebook (197)
- family (20)
- fashion (39)
- feed (18)
- figure (20)
- file (60)
- finance (71)
- firebase (26)
- firefox (93)
- flash (74)
- flow (16)
- fluentd (18)
- flux (21)
- font (126)
- food (168)
- form (43)
- framework (216)
- free (404)
- freesoft (89)
- frontend (68)
- fuelphp (28)
- future (46)
- gadget (355)
- game (567)
- gcp (17)
- generator (57)
- git (99)
- github (95)
- gmail (19)
- golang (246)
- google (446)
- gourmet (39)
- gov (72)
- gps (68)
- graph (76)
- graphql (85)
- grid (18)
- grpc (27)
- gui (22)
- guide (44)
- guideline (70)
- hack (152)
- handson (71)
- hatena (25)
- health (162)
- heroku (17)
- history (195)
- html (185)
- html5 (152)
- http (23)
- icon (72)
- ide (31)
- idea (845)
- ie (50)
- illustrator (18)
- image (319)
- insect (17)
- install (69)
- interview (151)
- ios (469)
- ip (28)
- ipad (59)
- iphone (392)
- it (36)
- jQueryMobile (18)
- japan (143)
- japanese (113)
- java (133)
- javascript (1600)
- job (20)
- joke (62)
- jquery (249)
- json (58)
- kayac (15)
- keyboard (29)
- kubernetes (89)
- lambda (57)
- language (69)
- law (109)
- layout (76)
- learning (169)
- lib (115)
- library (285)
- life (427)
- lifehack (109)
- lifehacks (35)
- links (22)
- lint (15)
- linux (211)
- list (59)
- literature (26)
- llm (46)
- local (16)
- log (60)
- logo (19)
- mac (429)
- machinelearning (31)
- mail (74)
- management (272)
- manual (32)
- map (125)
- markdown (59)
- marketing (481)
- mashup (32)
- matching (17)
- material (29)
- math (98)
- media (134)
- medical (49)
- mental (19)
- mercurial (39)
- method (189)
- microcredit (18)
- microservices (65)
- microsoft (70)
- mindmap (18)
- mixi (40)
- mobile (205)
- mockup (37)
- money (87)
- mongodb (24)
- monitoring (44)
- movie (107)
- music (158)
- mysql (178)
- nature (59)
- network (71)
- news (260)
- next.js (28)
- nft (27)
- nginx (35)
- nintendo (52)
- node.js (189)
- npm (51)
- npo (24)
- o2o (26)
- oculus (33)
- office (58)
- official (32)
- oop (26)
- os (33)
- osx (234)
- p2p (23)
- patent (17)
- pattern (61)
- payment (146)
- pc (32)
- pdf (108)
- performance (240)
- perl (18)
- person (23)
- photo (172)
- photoshop (42)
- php (458)
- plugin (76)
- politics (89)
- portal (33)
- postgresql (28)
- poverty (36)
- powerpoint (23)
- pr (34)
- presentation (102)
- privacy (132)
- programming (44)
- project (29)
- promotion (172)
- proxy (35)
- psychology (31)
- pwa (27)
- python (111)
- qa (26)
- rails (35)
- ranking (40)
- react (23)
- react.js (218)
- recipe (38)
- recruiting (34)
- redis (21)
- redmine (30)
- reference (45)
- report (143)
- research (37)
- responsive (46)
- review (150)
- robot (33)
- rss (32)
- ruby (110)
- rule (21)
- rust (61)
- sample (274)
- sass (17)
- science (209)
- scraping (21)
- scroll (46)
- scrum (15)
- sdk (28)
- search (233)
- security (728)
- selenium (20)
- sem (18)
- senior (42)
- server (401)
- serverless (36)
- share (181)
- shell (45)
- shibuya (19)
- shop (66)
- slack (40)
- smartphone (172)
- sns (154)
- social (199)
- society (41)
- software (45)
- sound (65)
- spam (34)
- sports (17)
- sql (83)
- ssh (44)
- ssl (39)
- startup (173)
- statistics (80)
- storage (50)
- story (44)
- study (53)
- svg (28)
- svn (22)
- table (20)
- tablet (16)
- task (42)
- tax (20)
- tdd (26)
- team (151)
- tech (203)
- telephone (16)
- template (112)
- terminal (50)
- test (379)
- tips (2431)
- todo (50)
- togetter (69)
- tokyo (106)
- tool (697)
- toy (43)
- tracking (16)
- travel (17)
- trend (214)
- trouble (264)
- tutorial (601)
- tv (28)
- twitter (270)
- ui (465)
- unity (17)
- ux (93)
- vagrant (30)
- validation (19)
- vector (43)
- venture (22)
- video (199)
- vim (33)
- vm (42)
- voice (21)
- vpn (15)
- vps (15)
- vr (116)
- vscode (32)
- vue.js (78)
- wasm (31)
- web (616)
- web2.0 (125)
- webpack (43)
- webservice (1500)
- webデザイン (157)
- web制作 (564)
- web開発 (17)
- wi-fi (25)
- wiki (49)
- windows (306)
- wish (89)
- word (30)
- wordpress (52)
- world (109)
- xss (23)
- youtube (46)
- あとで (18)
- これはすごい (45)
- はてな (15)
- まとめ (934)
- まとめサイト (24)
- アクセス解析 (28)
- アフィリエイト (23)
- オープンソース (59)
- ガジェット (52)
- グループウェア (15)
- ケータイ (47)
- ゲーム (20)
- セキュリティ (27)
- ソフトウェア (70)
- ダウンロード (20)
- テンプレート (22)
- デザイン (42)
- ドメイン (15)
- ニュース (29)
- ネタ (601)
- ブログ (55)
- プログラミング (46)
- ポータル (22)
- ライブラリ (44)
- 仕事 (43)
- 便利 (58)
- 共有 (24)
- 写真 (48)
- 動画 (54)
- 動画共有 (15)
- 動画配信 (16)
- 口コミ (26)
- 地図 (21)
- 広告 (36)
- 情報 (28)
- 新聞 (16)
- 本 (24)
- 検索 (87)
- 検索エンジン (28)
- 比較 (29)
- 無料 (20)
- 生活 (36)
- 画像 (89)
- 素材 (96)
- 統計 (24)
- 記事 (74)
- 調査 (30)
- 資料 (120)
- 開発 (100)
- 音楽 (29)
- 食 (18)
- dev (5921)
- tips (2431)
- javascript (1600)
- webservice (1500)
- biz (1023)
- まとめ (934)
- app (885)
- idea (845)
- security (728)
- tool (697)
patternとmodelに関するko-ya-maのブックマーク (1)
-
ko-ya-ma 2017/11/16
- performance
- model
- dev
- tips
- idea
- pattern
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx