カテゴリー：Web技術
-
昨今、回線の性能がよくなっているにせよ自分が今視覚で見ている部分から読み込んだ方が効率的という発想。いきなり画面に見えないフッターコンテンツから表示させても無駄。 wordPressにもそういうプラグインがあります。 仕組み …
-
09.16
【Web技術】Cache-Control調査
静的コンテンツへの指定例 サイトA 36日半の指定 [crayon-6567a9dbc5921481128260/] must-revalidate キャッシュは期限が切れたからといって必ず再取得が行われるわ…
-
強いキャッシュ 基本的にクリアができないキャッシュになるので、HTML、CSS、JS、画像などの静的リソースに適用するのが一般的です。 Expiresヘッダー リソースのキャッシュをブラウザに指示ができる。絶対日時。この…
-
09.14
【Web技術】CDNについて
「Content Delivery Netowork」の略でコンテンツをより早く効率的に配信するために構築されたネットワークのことを指しています。 用途 全世界のユーザーに高速に安定した配信したい場合に活用できる。 特徴…
-
09.13
【Web技術】配信のための画像の知識
webP 次世代画像フォーマット。2020年後半以降のブラウザしか対応していないが今後はできるだけサイト内の画像はこれに置き換えるのは望ましい。全ての画像を置き換えるのはブラウザの対応状況からしてまだ厳しい。 AVIF …
-
09.11
【Web技術】高速配信の戦略
0.前提を押さえる 転送量を抑えることを意識すること AWSをはじめとするクラウドサービスでは転送量ベースの課金を採用しているものが多い。無計画に配信していると馬鹿にならない金額になる。 1.クライアント側の対策 …
-
09.11
【Web技術】キャッシュ戦略
ブラウザキャッシュ サイトの閲覧中や再訪問時に自身のPCに保存されたキャッシュを使えます。インターネット越しにコンテンツをダウンロードする時間がなくなりサイト閲覧が早くなります。 ただ、閲覧者が少ないうちはこれだけで良いのです…
-
WebGLとは？ ブラウザにある高度なCG表現をするため(GPUを使ってブラウザにレンダリングするため)のAPI。モダンなブラウザではほぼ十分に動きます。 なぜGPUを使うのか？ CPUで高解像度画像や3Dモデルを処理するのは処理負荷…
-
04.08
【WebGL】「カクつく」問題、gtlf
カクツク問題 原因 1コマ毎の描画処理が重くfpsを一定に保つことができないため。特に3D表現をしようとすると処理負荷が高く凝った表現をしようとするとfpsを保つことが難しくなる。 対策 テクスチャが重いからjpegにする。 JP…
-
Data URL Schema 「data:」で始まるURL imgタグのsrcに埋め込める。 仕組み Blob URL Schemaと異なり直接バイナリデータをURLに埋め込める。 メリット …
