エクスプローラー代替アプリ「Files」v3.3 ～サムネイルの表示速度が大幅に向上／レイアウトピッカーも再設計、「Windows App SDK 1.5」ベースに

2024/03/19 171 users Files サムネイル ベース 向上 再設計

続きを読む

プログラムの実行時間を99％短縮した「たった1行のコード」とは？ - GIGAZINE

2020/10/27 282 users GIGAZINE Pinterest 苦心 自社 実行速度

プログラムの実行速度やウェブサイトの表示速度は、たった数秒の改善でも多くのエンジニアたちの苦心を必要としますが、時として拍子抜けするほどにあっけなく、かつ劇的な改善がなされる場合もあります。画像共有サービスのPinterestが自社のブログで「たった1行の変更でコードの実行時間を99％短縮した」事例を紹介し... 続きを読む

表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog

2020/09/08 692 users content-visibility HTML Yahoo

これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></... 続きを読む

“表示爆速”阿部寛さんのサイト、IPv6にも対応済みだった　「デザインより質」ネットで話題 - ITmedia NEWS

2020/03/13 364 users IPv6 阿部寛さん ITmedia News 爆速 デザイン

表示速度が“爆速”として知られる阿部寛さんのWebサイトが、IPv6に対応しているとネットで話題に。従来のIPv4と比べて通信速度が速いIPv6だが、日本での普及率は高くなく、ネットユーザーからは「最初に遭遇した対応サイトが、阿部寛さんのホームページになるなんて……」など驚きの声が上がっている。 表示速度が“爆速”と... 続きを読む

WordPress でも大丈夫！実例で見るウェブパフォーマンス改善 - Speaker Deck

2019/06/15 308 users Speaker Deck 実例 WordPress 施策 指標

ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパ... 続きを読む

Nuxt.jsでnoteの記事ページを置き換えました｜こんぴゅ｜note

2019/04/21 121 users こんぴゅ｜note Note Nuxt.js 描画 格段

noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました（特に古いスマホで顕著）。問題を根本解決するためにNuxt.jsへの移行を進めていました... 続きを読む

一休.comホテルリストの表示速度を従来比2倍にしました - 一休.com Developers Blog

2019/02/27 239 users 従来比2倍 一休.com Developers Blog

宿泊事業本部フロントエンドエンジニアの宇都宮です。 2018年度下期は、一休.comホテルリストページ スマホ版の速度改善に取り組んできました。その結果、ページのデザインはそのまま、機能面はリッチにしつつ、プロジェクト開始前の約2倍のスピードでページが表示されるようになりました。 本記事では、高速化のために... 続きを読む

noteのフロントエンドをNuxt.jsへ刷新します｜こんぴゅ｜note

2018/07/25 409 users こんぴゅ｜note Note Nuxt.js フロントエンド

webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長さ... 続きを読む

今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA

2018/06/07 555 users ウェブページ ICS MEDIA コンバージョン率 一瞬 時代

ICS MEDIA ウェブ制作 2018/06/07 今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 ウェブページの表示速度は、離脱率やコンバージョン率に最も影響する重要なポイントです。Googleが公表した 調査結果 では、「 表示に3秒以上かかると、約53%のユーザーは離脱する 」「 表示速度が1秒から7秒に落ちると、直帰率は114%上昇する 」とい... 続きを読む

PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/06/05 816 users Pwa Progress ネイティブアプリ エンジニアHub

2018 - 06 - 05 PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA インタビュー アプリ 日経電子版 Tweet PWA（Progress... 続きを読む

表示速度が“爆速”なサイト、相次いで登場　その背景は (1/2) - ITmedia NEWS

2018/02/03 412 users 爆速 CDN 背景 ITmedia News 登場

ページの読み込み速度が“爆速”のサイトが相次いで登場。どのサイトも「CDN」という技術を利用している。その仕組みは。 ページの読み込み速度が“爆速”のサイトが相次いで登場している。2017年後半、日経電子版がリニューアルし「 表示速度を従来比2倍に 」と発表した他、米国のプログラマー向けコミュニティーサイト「 dev.to 」の表示速度が「速すぎて不安になるレベル」と 話題を呼んだ 。米Googl... 続きを読む

「爆速すぎて笑う」　表示速度が“異常な”Webサイト「dev.to」　その仕組みは - ITmedia NEWS

2017/11/15 1726 users 爆速 ごめん プログラマー dev.to 米国

「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「 dev.to 」という米国のWebサイトの表示速度が異常に早いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で 説明している 。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメン... 続きを読む

リニューアルした日経電子版が高速すぎてヤバイ件｜こんぴゅ｜note

2017/11/13 1499 users こんぴゅ｜note 爆速 全面 ヤバイ件 速度

日本経済新聞は国内を代表する経済誌だ。その 電子版 はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式も 2倍の表示速度を達成した と堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。... 続きを読む

【捕捉あり】Togetterの中の人「今月もまた、日本のインターネットが重くなる日がやってきた」 - Togetterまとめ

2017/10/30 292 users Togetterまとめ pic.twitter.com

毎月、最終日に向けてサイト速度はどんどん遅くなり、1日になると劇的に改善する。開発者がサイトの表示速度をどんなに良くしても「通信制限」の前に為す術がない。 今月もまた、日本のインターネットが重くなる日がやってきた。 pic.twitter.com/HHFxSf0rAE 続きを読む

ブログの表示速度が激遅！僕がGoogleの評価を上げた対策5選 - パパむすブログ

2017/06/11 271 users パパむすブログ Google ココナラ 評価 アドバイス

2017 - 06 - 11 ブログの表示速度が激遅！僕がGoogleの評価を上げた対策5選 ブログ運営 人気記事セレクション 1.【ブログ超初心者向け】短期間でPV数をアップする17の方法を公開 2. 初心者のブログ・SNSアイコン作成は 「ココナラ」がオススメ！ 絵心がなくてもおまかせで完成！ 3. 人気ブロガーにアドバイス求めたら便乗する人まで現れてサザエさん状態になった件 4. 自己紹介な... 続きを読む

Webデザイン初心者がランクアップするためのCSSのコツ10選｜ferret [フェレット]

2017/03/01 106 users Sass Ferret less フェレット CSS

ブログ を始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。 また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。 そこで必ず話題に上るのが、 CSS です。 もちろん、LessやSassのような CSS プリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができ... 続きを読む

格安SIM(MVNO)9社の速度比較(スピードテスト)を6台の同端末でスピードテストアプリとよく使うアプリの表示速度(体感速度)で客観的に確認してみた【動画あり】 - Android(アンドロイド)おすすめ

2015/07/26 371 users スピードテストアプリ MVNO アンドロイド YouTube

今回は、docomoのSIMを含めた格安SIMの速度比較をしてみた結果を紹介します。 速度比較の方法は、スピードテストアプリによる測定と、一般的によく使われているブラウザやYoutubeといったアプリの表示速度(体感速度)による測定を、なるべく時間差がなく客観的に比較するためにLG G2 mini 6台を使って同時に計測してみました。 体感速度については、6台並べてほぼ同時に同じアプリの同じページ... 続きを読む

デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本 – Rriver

2015/05/05 909 users ワークフロー Rriver ユーザ エンジニア フロントエンド

スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけで... 続きを読む

ウェブサイトの最適化で表示速度を高速化！「Page Speed」と「YSlow」の設定方法 - Media-Pickup

2015/02/15 575 users 増減 およそ半分 YSlow Media-Pickup 事実

ウェブサイトの品質を向上させるには良質なコンテンツが必要不可欠ですが、それに加えてウェブサイトの表示速度はなるべく速いほうが良いと言われています。 事実、ウェブサイトの表示に3秒以上かかるとユーザーのおよそ半分が表示を諦めるという研究結果が報告されており、また、表示速度の増減によってPV数が変化するとの報告もあります。 この研究結果からも分かるように、ウェブサイトの表示速度の重要性はかなり大きいで... 続きを読む

Adblockよりもはるかに軽い広告除去ツール「µBlock」を使ってみました - GIGAZINE

2015/02/10 443 users GIGAZINE gorhill uBlock block

ウェブページの広告を非表示にすることで表示速度をアップしようとAdblockなどの拡張機能をインストールしてみたものの、かえって動作が重くなってしまうということがあります。そこで、広告を非表示にできAdblockよりもはるかに軽いと評判の拡張機能「µBlock」を使ってみました。 gorhill/uBlock · GitHub https://github.com/gorhill/uBlock ◆... 続きを読む

CSSがサイトの読込速度の遅延原因かも？見直すところは大きく3つ！ | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2015/01/23 105 users CSS レンダリング モバイルファーストラボ 読込速度 要因

CSSもページ表示速度を落とす要因になります 「なんだか自分のサイトのページの表示速度が遅いなあ…」 もしかしたら、CSSが原因の1つになっているのかも？CSSを見直す良い機会かもしれません。 ブラウザはページ内容を表示する時レンダリングを行っています。 レンダリングとは、データ（今回の場合だとHTML）に書かれている情報を解析し、その通りにディスプレイに表示させることを指します。 外部CSSはこ... 続きを読む

アナリティクスでサイトの表示速度や改善方法も分析！アクセス解析の使い方入門9 - ゆめぴょんの知恵

2014/12/11 177 users ゆめぴょん アナリティクス Googleアナリティクス 用語

Googleアナリティクスでは、サイトの平均読み込み時間など表示速度も分析できます。今後はサイト速度もSEO対策の重要な要素となり得ますが、アナリティクスが改善方法まで提示してくれます。その使い方を紹介します。アナリティクスのサイト速度に関する用語解説 Googleアナリティクスは、英語を日本語訳してることもあり、一般的な用語とは少し違うニュアンスのものもあります。簡単にサイト速度に関する用語を解... 続きを読む

DNSプリフェッチでウェブページの読み込み速度をスピードアップ | 海外SEO情報ブログ

2014/05/22 136 users ＤＮＳ ウェブページ ドメイン 速度 上級

[対象: 上級]この記事では、「DNSプリフェッチ」という仕組みを利用してウェブページの表示速度を高速化する方法を解説します。DNSプリフェッチとは上級者向けの記事なのでDNSが何かの説明は省きます。DNSプリフェッチを利用すると、外部ドメイン名（ホスト名）の名前解決（DNSルックアップ）を事前に強制できます。 ユーザー（ブラウザ）がそのドメインにアクセスする前にすでに名前解決が完了しているので、... 続きを読む

WordPress高速化｜１秒前半で表示する誰でもできる簡単な方法

2014/05/01 726 users WordPress高速化 方法 pag ユーザビリティ SEO

WordPress の数少ない欠点の一つは、サイトの表示速度が遅くなりがちになってしまうということだ。 そして、サイトの表示速度はユーザビリティだけでなく、SEOにとっても重要だ。 そこで、このページでは、WordPressの初心者でも簡単にできることだけで、表示速度を大きく高める方法をご紹介する。 弊社でテストサイトを作り、デフォルトの状態と、全ての設定完了後の表示速度を、Googleの Pag... 続きを読む

あぁこれがパララックス効果の使い方かと納得のパララックスWebデザイン7つ | Flips Blog Web担の小技

2014/01/25 392 users パララックス効果 Web担 Flips Blog 納得 小技

今回は、パララックス効果を用いた結果、口コミで広がり、海外でもわりと多くのシェアを誇るサイトを7つご紹介。 実は2014年のトレンドの一つとして、海外では 表示速度をあげる 六角形（蜂の巣） 軽量化 最小限 モバイルファースト コンテンツ最優先表示 というのが上げられていまして、もしかすると今年パララックスは減少傾向になると予測されています。 しかし、コンテンツ最優先表示では、いまだパララックスが... 続きを読む