[フレーム]

サクサク読めて、
アプリ限定の機能も多数!

はてなブックマーク
テクノロジー
フロントエンドを100倍速くした( ^ω^) - Qiita

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

フロントエンドを100倍速くした( ^ω^) - Qiita

テクノロジーカテゴリーの変更を依頼記事元:qiita.com/nanocloudx

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

356users がブックマークコメント 24

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

フロントエンドを100倍速くした( ^ω^) - Qiita

356 users qiita.com/nanocloudx

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント24件

注目コメント
新着コメント

dirtjapan

dirtjapan あー、開発初期に「とりあえず使いそうなのガサッと持ってきちゃえ」ってやるのよね、わかるわかる。あとで見直すべきなんだけど今動いてるし工数もないし(面倒だしやる気でないし)放置になる。

2020年12月25日リンク

その他

kkobayashi

kkobayashi 10倍だったけどやってる事は真っ当でよかった

2020年12月25日リンク

その他

mayumayu_nimolove

mayumayu_nimolove すごいなぁ、阿部寛のサイトってこう言うの全部やった結果なんだろうなぁ。

2020年12月25日リンク

その他

Keisuke69

Keisuke69 この世に速くて悪いことは、とあるあの件を除いて何もない!

2020年12月25日リンク

その他

jay-es

jay-es パフォーマンスに無関心なメンバーがいるとどんどん遅くなっていくのはあるある。lodash-es を丸ごとインポートするのは ESLint で禁止してる

performance

2020年12月25日リンク

その他

mongrelP

mongrelP 「これについては潔く利用しない決断をしました。利用者は必ずしも高速な回線ではないのです。」CJKフォントはファイルサイズでかいもんなぁ...\というかCJK省くだけで割と一般サイト高速化結構しそう...

2020年12月25日リンク

その他

ajisaiotoko

ajisaiotoko はてブにスパム送りつける暇があったらキングダムカムでもやってろ。最高に面白いぞ。(通報しました。

2020年12月25日リンク

その他

tackman

tackman "日本語Webフォントきれいなフォントで表示したいのは大変良くわかりますが、パフォーマンスを犠牲にしてはいけません...これについては潔く利用しない決断をしました。利用者は必ずしも高速な回線ではないのです"

2021年03月06日リンク

その他

takun71

takun71 ブラウザでキャッシュしてくれるから二回目以降はそんなに変わらないってことない?

パフォーマンス

2021年01月26日リンク

その他

rochefort

rochefort FontAwesome個別にimportできるの知らんかった

2021年01月04日リンク

その他

knok

knok いい話ではあったが、「いますぐ左上に表示されているLGTMの数だけスクワットするのです」膝を痛めるレベルにLGTMがついてるので危ない...

2020年12月26日リンク

その他

ichiken7

ichiken7 "初期描画(FirstContentfulPaint)まで30秒ぐらい掛かる" さ、さ、さ、30秒!?

2020年12月26日リンク

その他

shingo-sasaki-0529

shingo-sasaki-0529 本当に基本的なテクニックだけではあるんだけど、大半の問題はこれだけで解決できるので良い記事だと思う。これ以上の高速化を考えようとすると、フロントエンドで完結せずに、CDNや画像最適化が出てきちゃうからね。

2020年12月26日リンク

その他

napsucks

napsucks このまえ電力会社をエバーグリーンからエルピオに乗り換えたんだが、マイページの応答速度がめちゃくちゃ速くてびっくりした。レスポンス大事。

2020年12月26日リンク

その他

ajisaiotoko

ajisaiotoko はてブにスパム送りつける暇があったらキングダムカムでもやってろ。最高に面白いぞ。(通報しました。

2020年12月25日リンク

その他

tito1201

tito1201 よかった。

2020年12月25日リンク

その他

diveintounlimit

diveintounlimit 泥臭く正しい作業

2020年12月25日リンク

その他

jay-es

jay-es パフォーマンスに無関心なメンバーがいるとどんどん遅くなっていくのはあるある。lodash-es を丸ごとインポートするのは ESLint で禁止してる

performance

2020年12月25日リンク

その他

Wafer

Wafer ライブラリざっくり削ったところで新しいアーキテクチャ導入云々言ってるんだけど、こんな状態にした連中が新しい技術とか使いこなせるわけないやろと思ってしまった。著者の力量は大したもの

2020年12月25日リンク

その他

mongrelP

2020年12月25日リンク

その他

moto_motosaka

moto_motosaka 肥大化してきたし、自分もそろそろ見直しかけようかな......

2020年12月25日リンク

その他

mayumayu_nimolove

mayumayu_nimolove すごいなぁ、阿部寛のサイトってこう言うの全部やった結果なんだろうなぁ。

2020年12月25日リンク

その他

shields-pikes

shields-pikes 参考になる。ライブラリは選んで読み込みたいよね。

2020年12月25日リンク

その他

Nodaguti

Nodaguti なのくろさんだ。改善前 FCP 30秒は改善のしがいある

2020年12月25日リンク

その他

takaya1992

takaya1992 応援してます

2020年12月25日リンク

その他

programmablekinoko

programmablekinoko これは手の入れがいのあるレガシー・・・

2020年12月25日リンク

その他

Keisuke69

Keisuke69 この世に速くて悪いことは、とあるあの件を除いて何もない!

2020年12月25日リンク

その他

kkobayashi

kkobayashi 10倍だったけどやってる事は真っ当でよかった

2020年12月25日リンク

その他

dirtjapan

2020年12月25日リンク

その他

berlysia

berlysia Recoilもう使ってってるのははやい

2020年12月25日リンク

その他

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

[<a href="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fqiita.com%2Fnanocloudx%2Fitems%2Fed53c1cdb90f8d0f120c">フレーム</a>]

プレビュー

[フレーム]

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック!

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました!

さんが1番目にブックマークした記事「フロントエンドを1...」が注目されています。

気持ちをシェアしよう

ツイートする

フロントエンドを100倍速くした( ^ω^) - Qiita

おはようございます、なのくろです。年の瀬ですね。この記事は ABEJA Advent Calendar 2020 の最終日で... おはようございます、なのくろです。年の瀬ですね。この記事は ABEJA Advent Calendar 2020 の最終日です。追記:おかげさまで Qiita LGTM賞を受賞いたしました、ありがとうございます! 私は2020年01月にABEJAへ入社しました。チームではフロントエンド開発全般を任されています。参入してちょうど1年が経過しましたので、今年取り組んだことをまとめました。「フロントエンドを100倍速く」というタイトルは誇張気味なのですが、難しいことはせず、基本的なパフォーマンス改善を素直に実践したという話を書きます。本稿では事例とやったことを紹介するのみですが、何かしらの知見や改善のきっかけに役立てば幸いです。サービスについて話をする前に、どんなサービスを開発しているかについて少しだけ触れます。 ABEJA社では「Insight for Retail」という、小

ブックマークしたユーザー

techtech05212023年05月05日 techtech0521
ayaka0727soudaidou392021年08月19日 ayaka0727soudaidou39
nabe-chin2021年07月17日 nabe-chin
sujii2021年03月09日 sujii
t_f_m2021年03月06日 t_f_m
tackman2021年03月06日 tackman
aftermat1342021年03月04日 aftermat134
kei_el2021年03月03日 kei_el
mirrorchild2021年03月03日 mirrorchild
takun712021年01月26日 takun71
thotentry_hatebu1972021年01月18日 thotentry_hatebu197
ysirman2021年01月08日 ysirman
hironei2021年01月07日 hironei
buhoho2021年01月06日 buhoho
mmr_362021年01月06日 mmr_36
latteru2021年01月05日 latteru
ihok2021年01月05日 ihok
rochefort2021年01月04日 rochefort

すべてのユーザーの
詳細を表示します

同時期にブックマークされた記事

南海、クレジットカードで直接乗車できるサービスの実証実験を実施 - 鉄道コム

1 user www.tetsudo.com

気に入った記事をブックマーク

エントリーの編集

タイトルガイドライン

ブックマークしました

おすすめタグタグについて

よく使うタグすべて表示

フロントエンドを100倍速くした( ^ω^) - Qiita

おすすめタグタグについて

よく使うタグすべて表示

はてなブックマークで関心をシェアしよう

記事へのコメント24件

リンクを埋め込む

プレビュー

関連記事

usersに達しました!

フロントエンドを100倍速くした( ^ω^) - Qiita

ブックマークしたユーザー

ブックマークしたすべてのユーザー

同時期にブックマークされた記事

公式Twitter

はてなのサービス

よく使うタグ

よく使うタグ

はてなブックマークで
関心をシェアしよう