タグ 表示速度
人気順 5 users 10 users 100 users 500 users 1000 usersエクスプローラー代替アプリ「Files」v3.3 ~サムネイルの表示速度が大幅に向上/レイアウトピッカーも再設計、「Windows App SDK 1.5」ベースに
プログラムの実行時間を99%短縮した「たった1行のコード」とは? - GIGAZINE
プログラムの実行速度やウェブサイトの表示速度は、たった数秒の改善でも多くのエンジニアたちの苦心を必要としますが、時として拍子抜けするほどにあっけなく、かつ劇的な改善がなされる場合もあります。画像共有サービスのPinterestが自社のブログで「たった1行の変更でコードの実行時間を99%短縮した」事例を紹介し... 続きを読む
表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></... 続きを読む
“表示爆速”阿部寛さんのサイト、IPv6にも対応済みだった 「デザインより質」ネットで話題 - ITmedia NEWS
表示速度が“爆速”として知られる阿部寛さんのWebサイトが、IPv6に対応しているとネットで話題に。従来のIPv4と比べて通信速度が速いIPv6だが、日本での普及率は高くなく、ネットユーザーからは「最初に遭遇した対応サイトが、阿部寛さんのホームページになるなんて……」など驚きの声が上がっている。 表示速度が“爆速”と... 続きを読む
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善 - Speaker Deck
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパ... 続きを読む
Nuxt.jsでnoteの記事ページを置き換えました|こんぴゅ|note
noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました(特に古いスマホで顕著)。問題を根本解決するためにNuxt.jsへの移行を進めていました... 続きを読む
一休.comホテルリストの表示速度を従来比2倍にしました - 一休.com Developers Blog
宿泊事業本部フロントエンドエンジニアの宇都宮です。 2018年度下期は、一休.comホテルリストページ スマホ版の速度改善に取り組んできました。その結果、ページのデザインはそのまま、機能面はリッチにしつつ、プロジェクト開始前の約2倍のスピードでページが表示されるようになりました。 本記事では、高速化のために... 続きを読む
noteのフロントエンドをNuxt.jsへ刷新します|こんぴゅ|note
webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長さ... 続きを読む
ウェブページの表示速度を改善するために気をつけなくてはいけないこと - GIGAZINE
ウェブページの表示が遅くなってしまう原因の一つに「JavaScriptの読み込み」があります。ブラウザはダウンロードしたhtmlドキュメントを上から順番に解釈して描画していくのですが、途中で「script」タグに出会うとJavaScriptの読み込み・実行が終わるまでその場所で解釈を一旦ストップしてしまいます。ページの表示速... 続きを読む
今の時代、ウェブページは一瞬で表示するべき! 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA
ICS MEDIA ウェブ制作 2018/06/07 今の時代、ウェブページは一瞬で表示するべき! 画像の遅延読込に役立つamp-imgの使い方 ウェブページの表示速度は、離脱率やコンバージョン率に最も影響する重要なポイントです。Googleが公表した 調査結果 では、「 表示に3秒以上かかると、約53%のユーザーは離脱する 」「 表示速度が1秒から7秒に落ちると、直帰率は114%上昇する 」とい... 続きを読む
PWAで表示速度が2倍に! スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット&デメリット - エンジニアHub|若手Webエンジニアのキャリアを考える!
2018 - 06 - 05 PWAで表示速度が2倍に! スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット&デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA インタビュー アプリ 日経電子版 Tweet PWA(Progress... 続きを読む
CDNを使って表示速度を2倍に 日経電子版リニューアルの舞台裏 - ログミー
2018年2月11日、Webフロントエンドの現場とこれからをつなぐカンファレンス「Inside Frontend #2」が開催されました。Web技術の発展とともに多様化し始めているフロントエンド領域。今、それぞれの現場はどのような課題に取り組み、どのように解決しているのか? さまざまなノウハウを持つエンジニアたちが、自身の知見を語ります。プレゼンテーション「日経電子版を速くするためにやっていること... 続きを読む
表示速度が“爆速”なサイト、相次いで登場 その背景は (1/2) - ITmedia NEWS
ページの読み込み速度が“爆速”のサイトが相次いで登場。どのサイトも「CDN」という技術を利用している。その仕組みは。 ページの読み込み速度が“爆速”のサイトが相次いで登場している。2017年後半、日経電子版がリニューアルし「 表示速度を従来比2倍に 」と発表した他、米国のプログラマー向けコミュニティーサイト「 dev.to 」の表示速度が「速すぎて不安になるレベル」と 話題を呼んだ 。米Googl... 続きを読む
「爆速すぎて笑う」 表示速度が“異常な”Webサイト「dev.to」 その仕組みは - ITmedia NEWS
「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「 dev.to 」という米国のWebサイトの表示速度が異常に早いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で 説明している 。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメン... 続きを読む
リニューアルした日経電子版が高速すぎてヤバイ件|こんぴゅ|note
日本経済新聞は国内を代表する経済誌だ。その 電子版 はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式も 2倍の表示速度を達成した と堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。... 続きを読む
【捕捉あり】Togetterの中の人「今月もまた、日本のインターネットが重くなる日がやってきた」 - Togetterまとめ
毎月、最終日に向けてサイト速度はどんどん遅くなり、1日になると劇的に改善する。開発者がサイトの表示速度をどんなに良くしても「通信制限」の前に為す術がない。 今月もまた、日本のインターネットが重くなる日がやってきた。 pic.twitter.com/HHFxSf0rAE 続きを読む
WordPressの高速化〜表示速度を上げる12の技〜
今回はWordPressで作られたサイトを高速化する方法をまとめていきます。 この記事の目次 表示速度を上げるメリット WordPress高速化の考え方 WordPressでのデータ準備の高速化 プラグインの見直し PHPのバージョンは最新か サーバーの見直し キャッシュ系プラグインの活用 リビジョン/下書き等の削除 ブラウザでのデータ読み込みの高速化 画像の容量を小さくする 画像の読み込みを遅延... 続きを読む
ブログの表示速度が激遅!僕がGoogleの評価を上げた対策5選 - パパむすブログ
2017 - 06 - 11 ブログの表示速度が激遅!僕がGoogleの評価を上げた対策5選 ブログ運営 人気記事セレクション 1.【ブログ超初心者向け】短期間でPV数をアップする17の方法を公開 2. 初心者のブログ・SNSアイコン作成は 「ココナラ」がオススメ! 絵心がなくてもおまかせで完成! 3. 人気ブロガーにアドバイス求めたら便乗する人まで現れてサザエさん状態になった件 4. 自己紹介な... 続きを読む
遅いブログは読まれない|ひどく遅かったブログの表示速度が向上して人並みになった方法まとめ - てげ
2017 - 04 - 20 遅いブログは読まれない|ひどく遅かったブログの表示速度が向上して人並みになった方法まとめ ブログ やってみた このブログ、実は最近デザインを一新させました。 それによって、ブログの表示速度がやっと人並みに向上したのでその方法をまとめておきます。 はてなブログって重い 有名はてなブログのスコアは? 問題点1:画像が重い やったこと 問題点2:デザインを自分でいじってた ... 続きを読む
Webデザイン初心者がランクアップするためのCSSのコツ10選|ferret [フェレット]
ブログ を始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。 また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。 そこで必ず話題に上るのが、 CSS です。 もちろん、LessやSassのような CSS プリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができ... 続きを読む
表示速度が1秒→7秒、直帰率は113%↑。モバイル向けサイトのUXはとにかくスピードが命 | 海外SEO情報ブログ
[レベル: 初・中・上級] 特にモバイル向けサイトでは、ユーザー体験改善のための最優先事項として”スピードアップ”が挙げられます。 現状のモバイルサイトがいかに遅く、遅い表示速度がどのくらい悪い影響をユーザー体験に与えているかを調査した結果を Google が公表 しました。 「完全に表示されるまでに3秒以上かかると、53%のユーザーはページを離れる」「表示速度が1秒から7秒に落ちると、直帰率は1... 続きを読む
Webサイトパフォーマンス計測・監視サービス一覧 2016年版 - Qiita
Webサイトパフォーマンス計測・監視サービスの一覧 Webサイトの表示速度の計測や監視のサービスを紹介している記事は他にもありますが、マーケットシェアを無視して列挙しているものが多いので、今回、この記事を書いてみました。 計測と監視の違い 計測と監視は何が違うのでしょうか? 計測 表示速度の値の詳細を取得するのが主目的。ネットワーク処理時間、レンダリング処理時間、オブジェクトダウンロード状況を詳細... 続きを読む
iOSアプリ「はてなブックマーク」バージョン3.2を爆速リリース(今後の対応予定) - はてなブックマーク開発ブログ
2015-12-02 iOSアプリ「はてなブックマーク」バージョン3.2を爆速リリース(今後の対応予定) 本日、iOSアプリ「はてなブックマーク」バージョン3.2をリリースしました。昨日から続いてのアップデートになります。バージョン3.0・3.1のリリース後にご要望を多く頂いた「アプリ内ブラウザでエントリーの表示速度が遅い」や、旧アプリからご要望を頂いていた「アプリ内ブラウザで画像を保存できない」... 続きを読む
ページ表示速度はSEO(検索順位)に影響を与えるとGoogleが明言!無料ツールを一挙ご紹介 | 中二病のWebマーケティング
Webページの表示速度について、サイト運営者の方は気にしたことがあるでしょうか?Googleが検索順位の決定要素にページ表示速度を入れると明言しており、SEO対策に必須の観点となっている今、無料ツールを確認しておきましょう。サイト運営者の皆様は、どうしたらページの表示速度を早くできるかに頭を悩ませていることと思います。 かくいう僕も、何サイトも運営してきた経験があるため、ページ表示速度の最適化につ... 続きを読む
格安SIM(MVNO)9社の速度比較(スピードテスト)を6台の同端末でスピードテストアプリとよく使うアプリの表示速度(体感速度)で客観的に確認してみた【動画あり】 - Android(アンドロイド)おすすめ
今回は、docomoのSIMを含めた格安SIMの速度比較をしてみた結果を紹介します。 速度比較の方法は、スピードテストアプリによる測定と、一般的によく使われているブラウザやYoutubeといったアプリの表示速度(体感速度)による測定を、なるべく時間差がなく客観的に比較するためにLG G2 mini 6台を使って同時に計測してみました。 体感速度については、6台並べてほぼ同時に同じアプリの同じページ... 続きを読む