【LINE証券 Frontend】requestIdleCallbackを活用して初期レンダリング時間を約14%削減した話
こんにちは。フィナンシャル開発センターの鈴木です。LINE証券のフロントエンドを担当しています。この記事は【LINE証券 FrontEnd】シリーズの4番目の記事です。 最近のWeb Vitalsの隆盛を受けて、LINE証券のフロントエンドでもパフォーマンスの改善に取り組み始めました。およそ2週間ほど改善に取り組んだ結果として、開発環境での計測ではLighthouseのperformanceスコアが従来より30点ほど上昇しました。 パフォーマンス改善のためにさまざまな施策を行いましたが、この記事ではその中でも興味深かったものとして、requestIdleCallbackを活用してLazy Loadingされるコンポーネントの読み込みを遅延し、その結果初期レンダリングにかかる時間を約14%削減できた事例をご紹介します。 環境 以前の記事でご紹介したとおり、LINE証券のフロントエンドはTyp
JavaScriptたった1行でサイトを多言語化する「WOVN.io」 - ネタフル
JavaScriptをたった1行挿入するだけで、サイトを多言語化することができるという「WOVN.io」というサービスを試してみました。JavaScript 1行でサイトを多言語化、ボタン一発翻訳の「WOVN.io」が良さそう | TechCrunch Japanという記事で知りました。 使い方は簡単で、WOVNでアカウントを取って、多言語化したいURLを入力。WOVNがHTMLをフェッチして解析した上でボタン類やコンテンツのテキスト要素を一覧して並べてくれる。ここで翻訳ボタンを押すと、マイクロソフトの機械翻訳サービス（Bingのもの）を使って主要10言語の訳文を生成することができる。訳文は手で編集することも可能だ。 ブログのように日々、コンテンツが更新されていくようなサイトでも使えるのかな、と思い試してみました。 ユーザ登録をするとJavaScriptのコードが表示されるので、これを翻訳
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
