wdr_sのブックマーク - はてなブックマーク

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog
一休.comでWebフロントエンドを開発している宇都宮です。先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？どうやったのか何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
wdr_s 2019/01/17
リンク
一休.comスマホサイトのパフォーマンス改善（概要編） - 一休.com Developers Blog
こんにちは。一休.comの開発基盤を担当しています、akasakasです。今回は、一休.comスマートフォンホテルページリニューアルをリリースし、パフォーマンスが改善したお話をさせて頂きます。 UI部分は既存を踏襲する形をとり、UX・パフォーマンス改善にフォーカスして、所々で様々な工夫をしました。お話ししたいことが盛りだくさんなので概要編 JavaScriptパフォーマンス改善編 CSS・その他細かいチューニング編サーバサイド編の4つに分けて、お送りしたいと思います。この記事ではスマートフォンホテルページリニューアルの全体像についてお話しします。詳しいお話をする前に：スマートフォンホテルページってどこ？こちらになります https://www.ikyu.com/sd/00001290/ ここでお話しする内容リニューアル前後のパフォーマンス比較 PageSpeed Ins
wdr_s 2018/09/20
リンク
一休.comスマホサイトのパフォーマンス改善（JavaScript編） - 一休.com Developers Blog
宿泊事業本部の宇都宮です。一休.com スマホサイトのホテルページパフォーマンス改善プロジェクトでは、フロントエンドには以下のような要件がありました。デザイン面は既存を踏襲する機能はほぼ従来通り日付等を変更した際の再検索は、画面遷移を挟まず、画面内で行えるようにするパフォーマンスをできるだけ改善する要するに、従来と同様の機能+αを実現し、かつ、従来と同等以上のパフォーマンスを実現する、というミッションです。このために、どのような取り組みを行ったか、紹介します。パフォーマンス目標値の設定まず、パフォーマンスの目標値を設定する必要があります。モバイルでは、ユーザの帯域幅は回線や時間帯によって大きな変動があります。多少回線状況が悪くても、閲覧を妨げない程度のパフォーマンスを実現する必要があります。一休へアクセスするユーザのモニタリングを見ると、極端に遅い回線を使っているユーザ
wdr_s 2018/09/20
リンク
1