Webパフォーマンス虎の巻
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの？という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1
あなたなら何を絞り込む？絞り込み検索に挑戦しよう！ | コラム | Web制作 株式会社ワンゴジュウゴ WAN55 （東京・千代田区）
なぜ、WEB業界30年目の会社が「音楽エンタメ業界」特化の転職支援・人材育成を行うのか。 ワンゴジュウゴ×SNS×音楽エンタメ業界 「ワンゴジュウゴが、なぜ音楽エンタメ業界に特化した転職支援・人材育成を行っているのか」という質問をよくいただきます。 きっかけは、元大手音楽エンタメ企業に20年ほど勤めていたスタッフが参画したことで... その他ビジネスマーケティングライフハック人材育成・研修・人材紹介雑学・時事ネタ 2024年06月24日 【初めてのGA4導入】GA4の初期設定と簡単な使い方を丁寧に解説します！ GA4はすでに導入されていますか？本記事ではクライアントからよくご相談いただくGA4の初期設定について解説しており、最後まで読むとGA4の初期設定だけでなく基本的な内容も理解できるようになります。GA4の導入はしたけど、初期設定が完了してい... Webサービスビジネス 2024年0
レスポンシブなCSSスプライト - MANA-DOT
よく知られたCSSスプライトはボックスの幅･高さをスプライト画像と同じに指定し、background-position をずらすことで複数のスプライト画像を含むスプライトシートの中から対象画像だけを表示します。 この方法だと表示できる画像のサイズは固定なのですが、 background-sizeとbackground-positionを % で指定し、ボックスの幅によって可変サイズな (レスポンシブ、あるいはフレキシブルな)CSSスプライトの表示法を紹介します。 デモ 元画像 gulp-spritesmith で作成した適当なスプライトシートです。 スプライトの利用例 このページの幅を変えてみると、以下のスプライト画像のサイズが画面幅によって可変であることがわかると思います。 上からwidthを 70% 、 50%、 100% で指定しています。 ボタン1 ボタン2 ボタン3 利用例を含め
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
