[B! JavaScript][performance][Web制作] ihokのブックマーク

ihok id:ihok

JavaScriptとperformanceとWeb制作に関するihokのブックマーク (3)

日経電子版サイト高速化とPWA対応 / nikkei-high-performance-pwa
html5j Webプラットフォーム部第19回勉強会 W.A.S.M featuring PWA https://html5j-webplat.connpass.com/event/74013/
ihok 2017/12/20
content

ALL

pwa

performance

javascript

高速化

fastly

web制作

パフォーマンス
リンク
とあるサイトの高速化についてフロントエンドでやったことまとめ。 - Toro_Unit
業務で携わっている案件なのですが、アクセス数の急増が見込まれるイベントがありまして。準備期間も少なく、バックエンド側でできることがほぼないという状況でサイトを落とさないようにがんばる！というお仕事でした。レガシーソースてんこ盛り。CSSプリプロセッサとか何それ状態。そこで実施した対策のまとめです。サーバー・アプリケーション・サイトの構成によって、効果の大小はありますが、比較的効果があったと思われるものをつらつらと。リクエストの削減とファイルサイズの最適化まず一番最初に考えなければいけないのがリクエスト数です。すごいおおざっぱに言うと、WEBサーバー（ApacheとかNginxとか）への負荷は、PV数×リクエスト数です。PVがそんなに無くてもそのページのリクエストがめちゃくちゃ多いとそれだけでかなりの負荷になります。リクエストを半分にできれば2倍の人数がさばけるってことに、すげーおおざ
ihok 2014/12/03
jQuery

サイト

function

js

アクセス

web

web制作

javascript

プログラミング
リンク
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こうこんにちは、@yoheiMuneです。ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。目次ブラウザのレンダリングの仕組みこの章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
ihok 2014/07/16
DOM

.NET

Html

HTML5

ブラウザ

css

Web制作

javascript

performance

フロントエンド
リンク
1