Jamstackを検討する - ゆーすけべー日記
Jamstackを既存のシステムに導入するかを検討する機会があった。 紆余曲折したものの、未だに暫定的な結論しか出ていない。 とはいえ、わりと頑張った。 今回は Jamstackとはなんぞや？ Jamstackの特徴 Jamstackの技術 弱みを解決する策 実際に検討した話 を雑に紹介したい。 個人的なメモなので、間違っているところがあるのを考慮願いたい。 Jamstackとは？ JamstackのJamは以下の頭文字をとっている。 JavaScript APIs Markup まず、フロントエンドを持たないAPI群がある。APIはブラウザのJavaScriptから叩かれるかもしれないし、後述するようなSSG =「Static Site Generator」のフレームワークが叩くかも知れない。どちらにせよユーザーに配信されるのはSSGが出力した、Markup。つまりプリレンダリングされた
Webサイト高速化対策の現状
Webサイトを高速化するためのポイント 実際にどのような対策が必要なのか全体像を把握しましょう。 この連載ではこれらのポイントについて、技術的解説を踏まえながら実際の対策方法を紹介します。 リクエスト・レスポンスの削減 読み込むCSSファイル数の削減 読み込むJavaScriptファイル数の削減 読み込む画像数の削減 リクエストをまとめる リソースをローカルにキャッシュさせる ソーシャル系ボタンなどの無駄な読み込みを減らす 非同期で読み込む JavaScriptの非同期読み込みを利用する ブラウザの同時接続数制限を回避する レンダリングの邪魔をしない レイアウトに関わるCSSのパースを優先させる レイアウトに関係ないJavaScriptは読み込み優先度を下げる CSSセレクタの解析時間を短くする HTMLの解析とレンダリング時間を短くする 画像の読み込みを待たずに全体をレンダリングさせる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
