タグ

javascriptとinfrastructureに関するhideharaのブックマーク (2)

  • Modern Web Development on the JAMstack を読んでまとめた - console.lealog();

    https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開したPDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。 あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね?と思い。 ただこれなんと127ページもあるんですよね〜。 全編もちろん英語なので、読むのも中々に大変ですよね〜。 てなわけで、ざっくり訳してまとめまておきました。(それでも長いけど) はじめに ここ最近のWebの進化はすさまじい ブラウザもJavaScriptもパワフルになった その分ユーザーの要求も増える やることが増えると処理は遅くなる 遅いページは見向きもされないモバイル当たり前の世界だ

    Modern Web Development on the JAMstack を読んでまとめた - console.lealog();
    hidehara
    hidehara 2020/10/01
    JS / API / Markup で JAMstackと呼ぶのか。ああ、これだよ。20年前には手作業だったやつの解決方法は。たぶんCMSの80%は置き換え、世のWAFの仕事を奪えるぜ!
  • WEB ページの読み込み時間を短くしよう - Qiita

    まずは遅くなる原因を取り除こう この記事ではクライアントサイドに焦点を当てて紹介しますので、PHPRuby などサーバーサイドのプログラミングに関することは一切出てきませんのでご了承ください(o*。_。)oペコッ サイトの読み込みが遅い場合、大抵はまずいやり方をしている一部分が足を引っ張っていることが多いと思います。 手当たり次第に最適化を試す前に「なぜ遅いのか?」問題の切り分けをしっかりやってから対応を考えましょう。 原因はどうやって特定するの? PageSpeed Insights (developers.google.com) を使ってみる ブラウザ搭載のデバッガで調査するのが王道だけど、お手軽に調べるのであれば PageSpeed Insights がキャッチーでオススメです。 最低限のお作法について指摘してくれるので、指摘事項を直していけば割と解決します。(原因が曖昧なま

    WEB ページの読み込み時間を短くしよう - Qiita
    hidehara
    hidehara 2015/03/06
    画像の最適化とかHTML/CSSリソースの圧縮とか、ユーザーエクスペリエンスには効くんだよねぇ。すごく良くまとまっていて、紹介されてるサービス群とか、すぐに使えそうでいい。
  • 1