すべてのカテゴリ

こんにちは。SENDOです。今日はホームページ制作のオプション「サイト表示速度の高速化」についてお話します。＞＞ホームページ制作の商品ページはこちら＜＜【Coconala出店記念セール】120000円→80000円※初回5案件の限定になります高速化の重要性って？皆さんはこんな経験ないでしょうか？Google検索　→サイトをクリック　→ロード待ち（長い...）　→検索画面に戻るこれがWEBの集客では致命傷になることをご存知でしょうか？理由は「ユーザーがサイトに入ったのに、すぐに出て行った」と判断されるからです。つまり、Googleに「ユーザーにとって価値の低いページ」という判断をされてしまうからです。これでは、どれだけユーザーが入ってきても逆効果という可能性も出てきます。そうならないためにも「高速化処理を最低限行うこと」が大切になります！サイト表示が遅くなる原因って？サイト表示が遅くなる原因は色々とありますが、高速化オプションで対策する一部を紹介します。【サイトが遅くなる原因】【1】画像サイズ【2】画像の表示【3】HTML/CSS/JSの読み込み【1】画像サイズサイトの表示速度が遅くなる原因は色々とありますが、1番の原因は「画像容量」です。初心者ブロガーや初心者プログラマーにありがちですが、1枚10MBするめちゃくちゃ重たい画像をサイトに貼りまくっていると劇的にサイト表示が重くなります。自分の場合は、以下の範囲の画像容量で画像挿入を行っています。【サイト高速化のための画像容量の範囲】・目標は20KB以下・重くても100KBまで自分のメディア運営では重くても100KB以下！もっとス

「VLOOKUP入れすぎてExcelが固まった…」——これ、Excelを使い込んでいる人ほどぶつかる壁です。便利なはずのVLOOKUPが、ある日突然"重さの原因"に変わる。この記事では、VLOOKUPをマクロで書き換えて処理速度を劇的に改善する方法をお伝えします。あの日、私のExcelも止まった正直に言うと、私自身がこの壁にぶつかった一人です。当時、取引先のデータを月次で照合する業務がありました。数百行のうちは問題なかったVLOOKUPが、取引先が増えて1万行を超えたあたりから、再計算のたびにExcelが数分間フリーズするようになったのです。🔧 「応答なし」の表示を見ながら、祈るように待つ毎月の集計日💬 上司から「あの数字まだ？」と聞かれるたびに冷や汗📂 ファイルを開くだけで席を立ってコーヒーを淹れに行く日々「関数の使い方が悪いのか？」と調べ回りましたが、答えは違いました。VLOOKUPの仕組みそのものに限界があったのです。なぜVLOOKUPは大量データに弱いのかVLOOKUPは、1行ごとに検索範囲を上から下まで走査します。データが増えるほど、比較回数が掛け算で膨れ上がる構造です。1万行×1万回のVLOOKUPなら、最大で1億回の比較処理。さらに別ブックや共有フォルダ上のファイルを参照していると、体感速度は数倍悪化します。これは使い方の問題ではなく、関数の設計上の限界です。「もっと速い検索の仕組み」に切り替える必要があったのです。救世主はVBAの「Dictionary」だった試行錯誤の末にたどり着いたのが、VBAのDictionaryオブジェクトでした。Dictionaryはキ

Excelの処理速度って遅いなぁと思うことがありませんか。それはもしかするとパソコンの性能じゃないかもしれません。Excelって意外と軽いアプリケーションで、比較的低スペックのマシンでも快適に動くようにできています。それはユーザが作ったVBAも同様です。Excelで特に重い処理トップ3は①グラフィックの描画、②再計算、③セルの書き込み、これらはとても重くなります。連続で行うと一気に処理速度が低下する原因になります。それぞれ解決策はあって、基本的なことで行くと、①に関してはApplication.ScreenUpdatingをオフにすること、②に関しては自動再計算をオフにしたり、計算済みの値をセルに書き込むこと、③に関しては配列に値を設定しておいてまとめて書き込むことなどで処理時間を短縮できます。私の作成するマクロは高速処理が効率に直結する現場で実用されている物ですので、この基本は必ずクリアしている物を提供しております。マクロを作る側、作ってもらう側、双方が満足するマクロの要因の一つに処理速度はあると思いますので、皆さんに気にしていただきたいなと思います。

まずはこちらの記事をご覧いただき、ありがとうございます。作業実施にあたり「確認事項・お願い」がございますので先にご確認いただければと存じます。また、作業に必要な提供情報（ログイン情報）を記載しておりますのであわせてご確認いただき、ご共有いただければと存じます。トラブルを未然に防ぐものとして情報整理をしておりますので最後までご確認いただけますと幸いです＾＾サイト高速化作業における「確認事項」★バックアップ取得のお願い（※オプションでの実施も可能です）作業にあたり、万が一のためにバックアップの取得を必須でお願いしております。動作確認や表示崩れが起こる恐れがあるため、いつでも戻せるよう実施をお願いしております。今回だけでなく、今後のことを見据えてバックアップ取得をオススメします。 設定の代行をご希望の際は、オプションをご準備しておりますのでお気軽にご相談ください。安全に設定いたします。 ★オプションのご紹介■作業後の作業説明について作業説明にはお時間を頂戴するため、オプションにて承っております。作業自体のお値段をリーズナブルに設定しておりますので、ご了承下さい。こちらは技術的な説明ではなく・何のプラグイン導入したか・どこの設定を変更したかなどの内容になります。■今後のサイト高速化運用へのアドバイスGoogleアドセンス配置やレイアウトやシステム的な部分を診断して、今後のサイト高速化運用へのアドバイスすることも可能です。■Autoptimizeの自動キャッシュクリア設定多くの場合、Autoptimizeを導入いたします。このプラグインは自動でキャッシュクリアできないため、ご自身で管理画

Raspberry Pi を高速化する裏技！同じ Raspberry Pi を使う場合、性能は変わらないと思っていませんか？実は、同じ Raspberry Pi でも使い方によって性能が変わります。言い換えると、Raspberry Pi を高速化する裏技があります。この記事では Raspberry Pi を高速化する裏技を紹介します！性能を決めるのは CPU の処理能力コンピュータの性能を決める一番の要因をご存知ですか？基本的には、CPU の処理能力で決まります。 ところが、同じ CPU を使っている場合でも、CPU の処理能力は変わってきます。理由は簡単で、CPU が処理している仕事の量が変われば、同じ仕事の処理時間を測った場合でも違いが出てくると言うことです。 例えば、同じ PC でも利用する OS が違うと同じ処理でも処理時間が変わってきます。 Web の開発に利用するアプリは、Linux でも Windows でも動作します。 例えば、フロントエンドのフレームワークの Vue の開発環境は Linux でも Windows でも基本的に同じような設定が可能です。 同じ設定（同じアプリを利用する場合）でも、実際に実行しているプログラムは同じ物ではないので差が出るのは当たり前ですが、実はそれ以外にも差が出る要素があります。それは、裏で動いている OS の仕事は、Windows と Linux では全く違います。実際に動かすプログラム以前に、OS 上で動いているプログラムが違うので、その処理を行っている CPU の負荷も違っています。以前実験した結果では、同じ、Vue で開発

SEO対策/WordPress高速化/カスタマイズに強いWebラボです。実績多数のプラチナランクで評価5.0を頂いております。ワードプレスの高速化対応は出来ていますか？高速化するとストレスフリーになるだけでなく、アクセスアップもすることができます✨サイト表示が早いため、次のサイトのアクセスに繋がる。サイトが早いと検索順位もあがるためクリックされる確率も上がるためです。今、自分のサイトが遅いかな...と感じている方は是非ご相談下さいね😊HP,内部対策,外部対策,MEO,SEO最適化,Webサイト,集客,売上,アクセスアップ,web,制作,ホームページ,サイト,ホワイトSEO,コアアップデート,記事,ライティング,マーケティング,戦略 分析 プロモーション 内部SEO 外部SEO ブログ wordpress ワードプレス homepage google ツール SEO最適化,,集客,売上,ブログ,PageSpeed Insights,

速いプログラムと管理しやすいプログラムプログラムには、書き方によって、処理時間の短いプログラムやメモリの使用量が少ないプログラムや管理しやすいプログラムがあります。その違いはどこにあるのでしょうか？この記事では、プログラムの書き方の違いについて考えてみました。速いプログラムとは？速いプログラムとは、処理時間が短いプログラムの事を指す場合が殆どです。 同じ処理でも、プログラムの書き方で処理時間が変わってきます。プログラムを評価する指標には、こうした処理時間の他にも利用するメモリ容量なども評価する場合もあります。例えば、処理時間と使用するメモリ容量は相反する場合が多く両立するのは難しくなります。従って、用途や目的によって何を優先するかを決めてプログラムを書くことになります。ところで、より速い処理をするために何が必要がを考えてみると、何が実行時間を遅くしているかを見極めてその部分を改善するというシンプルな事です。実行を遅くする要因はいろいろありますが、複雑な計算をする場合には、同じ計算を何回かする場合がありますが、そうした計算結果を変数として保存しておくと、計算をやり直す事が避けられるので処理時間を節約できる場合があります。こうした事が積み重なると、使用するメモリも増えて行くという事になります。 また、別の話になりますが、別の要因は、関数の呼び出しは意外に処理時間の低下の原因になる場合があります。特に、関数の中から別の関数の呼び出しが重なると、処理のオーバーヘッドが大きくなります。関数の中から、同じ関数を呼び出す場合（再帰呼び出し）をすると特にオーバーヘッドが大きくなります。これは、

ページ表示に15秒ほどかかっていたサイトを、2,3秒程度に縮めるといった作業を日頃行っています。一般的には画像の圧縮プラグインやWebP画像に置き換えるプラグイン、W3 Total Cacheなどのキャッシュプラグインの導入をされていると思います。一番有効なのはキャッシュ系のプラグインですが、導入してもキャッシュが効いていない場合があります。１．ダッシュボードにログインしている場合　ページ上部に黒背景のバーが出てる状態ですね。　編集作業に影響が出ないよう、WordPressのダッシュボードにログインしているブラウザではキャッシュが無効になっています。２．WEBサーバーでキャッシュ＝無しで設定されている場合例えばApacheサーバーの場合、mod_pagespeedが動作していたらデフォルトでキャッシュ時間＝０（無し）になってます。サイト表示のリクエスト時に、ヘッダには以下のように「キャッシュ無しで」という要求が行われます。cache-control = no-cacheページ表示時のレスポンスヘッダは以下のように返ってきています。Cache-Control:max-age=0, no-cache ChromeでF12を押して表示されるデバッグ画面の「Network」タブで、任意のファイルを選択すると「Headers」の中で確認できます。３．サーバーのスペックが低い　一般向けの最小限のスペックで月額1,000円程度のものでも、サーバーの構成やネットワークの帯域によって全然速さが違います。最近ではサーバーがダウンする障害も少なくなってきてますが、速さを犠牲にして安定性だけ高めている

「サイト高速化」と聞くと、画像を軽くする、読み込みを速くする、といった技術的な話を思い浮かべる人が多いかもしれません。ですが、実際のところ本質はそこだけではありません。今のユーザーは、ひとつの情報だけを見て判断しません。広告を見て、SNSを見て、口コミを見て、場所を調べて、そこではじめて「ここにしよう」と決めます。つまり、サイトが遅い、わかりにくい、必要な情報にたどり着けない。それだけで、比較のスタートラインに立つ前に候補から外されてしまう、ということです。遅いサイトは、単に読み込みが遅いのではなく、選ばれる機会そのものを失っている。これが、今の時代のサイト高速化を考えるうえで一番大事な視点です。まず速くすべきなのは「情報到達」いまユーザーは、企業や店舗の情報をSNSから探す人はかなり増えています。しかも「ちょっといいかも」と思った段階では、すぐに申し込むわけではありません。ホームページを見る。SNSを見る。口コミを見る。アクセスや場所も確認する。こうして複数の情報を行き来しながら、少しずつ安心感を積み上げていきます。このとき、欲しい情報がすぐに見つからないサイトは、それだけで不利です。どれだけデザインがきれいでも、どれだけサービス内容が良くても、必要な情報にすぐ届かなければユーザーは離れます。今のサイト運営で大事なのは、ページ表示の速度だけではなく、知りたい情報に何秒でたどり着けるかです。ここが遅いサイトは、それだけで一枚不利な札を持って戦っているのと同じです。コンバージョン導線も同じです。予約、問い合わせ、資料請求、購入。こうした行動への入口は、ユーザーに探させてはいけませ

ウェブサイトの表示速度は、ユーザーエクスペリエンス、SEO、コンバージョン率に大きな影響を与えます。高速なウェブサイトは、ユーザーの満足度を高め、検索エンジンのランキングを向上させ、最終的にビジネス目標達成に貢献します。以下に、ウェブサイトの高速化テクニックを詳しく解説します。1. ファイルサイズを小さくする画像圧縮: 適切な圧縮ツール（例：TinyPNG、Optimizilla）を使用して画像サイズを削減します。WebP形式も検討しましょう。CSSとJavaScriptの圧縮: Gzipなどの圧縮ツールを使用して、CSSとJavaScriptファイルを圧縮します。不要なコードの削除: 不要なコメントや空白を削除して、コードを軽量化します。2. リソースの配信方法を最適化するキャッシュ: ブラウザキャッシュやCDNキャッシュを活用して、静的ファイルの再読み込みを減らします。遅延読み込み: 画像やスクリプトを必要になるまで読み込まないよう、遅延読み込みを実装します。プリロード: 重要なリソースを事前に読み込み、ページの読み込み時間を短縮します。コンテンツ配信ネットワーク（CDN）: CDNを利用して、ユーザーに近いサーバーからコンテンツを配信します。3. サーバーの性能を向上させるサーバーのアップグレード: 処理能力の高いサーバーにアップグレードします。データベースの最適化: クエリを最適化し、データベースの性能を向上させます。サーバーサイドレンダリング: 動的なコンテンツをサーバー側でレンダリングすることで、ブラウザの負荷を軽減します。4. HTML構造を最適化するHTMLの構

こんにちは。たつやです。前回から引き続き、結構高速化していて、・メッシュの描画なしの場合は１万個で60FPS・メッシュの描画ありの場合は５千個で60FPSをキープできるようになりました。描画の高速化はいくつか手がありそうですが、ひとまずこのくらいにします。週末に、ドミノ並べテクニックのYoutubeチャンネルを見ていたら、それらを使った作品を作ってみたくなりました。作品を作りつつ教材化できればなと思います。

お忙しい中ご覧いただき、誠にありがとうございます。作業前にご確認およびご了承いただきたい点、また必要な情報をまとめましたので、必ず最後までご確認をお願いいたします。【 ご契約前確認事項 】■ 作業後ほとんど改善が見られない、または効果が目に見えない場合がございますWordPressの一般的なテーマやプラグインは、汎用性を持たせるため、あなたのサイトには直接関係のない情報を読み込むことが多々あります。またサーバーのスペックが足りないと、レスポンスに相応の時間を要します。そのため、利用されるテーマやプラグイン、サーバーなどによっては、物理的に高速化が難しい場合がございます。下記のような制限がある場合、ほとんど改善が見られない場合がございます。予めご了承ください。・テーマの機能を最大限利用したい・プラグインはどれもアンインストールできない・広告やカルーセル等、処理の重い要素の設置や配置を見直すことができない・サーバーのスペックが足りないまた一般的な表示速度計測ツールは、サーバーの状況や通信環境、ブラウザの拡張機能等の影響を受けます。スコアはあくまで参考値であり、サイト高速化＝スコア向上ではございませんので、ご理解ください。※作業前と作業後にGoogle PageSpeed Insightsのスコアキャプチャをお送りいたしますが、前述の環境差異により、ご自身でのテストと数値が異なる場合がございますので、こちらも併せてご承知おきください。■ ページによって効果の度合いが異なる場合がございます高速化施策には、「該当ページのみに有効なもの」と、「サイト全体に影響を及ぼすもの」がございます。基

こんにちは。たつやです。大規模ドミノ倒しを作ろうと一万個のドミノで少し高速化を試みていました。前回のこれからは、FPSを大体２倍くらいにはできたのですがもう少し何とかできそうな気もします。一個のドミノにかける時間をミリ秒縮めるだけで、全体的には目に見えて効果があるので、そこが高速化の楽しいところではあります。

Firebase のデータベースを使って Firebase ストレージのファイル情報を１０倍速く処理する方法！Firebase ストレージにファイルを保存する場合、ファイルの追加情報をメタデータとして保存できます。 例えば、ファイルのタイトルや簡単な説明、分類などの情報をメタデータとして保存しておくと、ファイルの検索や表示をする際に便利です。この Firebase ストレージのファイル情報（メタデータ）の扱い方で性能が大きく変わることをご存知でしょうか？この記事では、Firebase ストレージに保存されているファイルのファイル情報（メタデータ）の上手な扱い方を紹介しています。Firebase ストレージに保存するファイル情報の基本わかりやすく説明するために、ブログの投稿データを Firebase ストレージに保存する場合を考えます。ブログの投稿なのでファイル情報（メタデータ）として以下の情報をファイルと一緒に保存します。＊　タイトル(title)＊　投稿日時(date)＊　概要(description)＊　分類(type)これを Firebase のメタデータとして保存する場合、Firebase のメタデータの「customMetadata」として保存することができます。 ファイルをアップロードする際にはメタデータを追加して Firebase ストレージにアップロードするだけです。function fileUpload(file:File, folder:string) {    const fileRef:firebase.firestore.Reference = fir

作業実施にあたり、以下の確認事項・お願いがありますのでご確認いただければと存じます！トラブルを未然に防ぐものとして情報整理しております。また、必要なログイン情報を記載しておりますのでご共有下さい。「サイト高速化作業の確認事項」★印のものは特に重要なものです。★バックアップ取得のお願い(＊オプション有)作業にあたり、万が一のためにバックアップ取得を必須でお願いしております。表示崩れや動作確認が起こる恐れがあるためいつでも戻せるようにするためです。今回だけでなく、今後のことを見据えてバックアップ取得をおすすめします。 設定の代行を依頼される際はオプションで作業致しますのでご連絡下さい。安全に設定いたします。 ★作業後作業説明について(＊オプション有)作業説明にはわりとお時間を頂戴するため、説明はオプションで承っております。作業自体のお値段でリーズナブルにしておりますので、ご了承下さい。技術的な説明ではなく、何のプラグイン導入したかや、どこの設定を変更したかと言ったものです。★今後のサイト高速化運用へのアドバイス(＊オプション有)Googleアドセンス配置やレイアウトやシステム的な部分を診断して、今後のサイト高速化運用へのアドバイスすることも可能です。■未使用・使用頻度低プラグインの事前削除使ってないプラグインや使用頻度の低いプラグインは削除お願いします。■新規プラグイン導入・既存プラグイン設定変更  高速化にあたりプラグイン導入や既存プラグイン導入や設定変更は不可欠です。レイアウト崩れなどは動作確認しながら作業致しますので、ご安心下さい。    また、作業後はご自身でも動作確認をお

ワードプレスに特化したエンジニアの黒川です。最近、ココナラさんでも活動を始めております！初めましての方が多いと思います。どうぞよろしくお願いしますm(_ _)mココナラで新機能としてブログ機能が追加されたようなので早速使用させていただいています。では早速本題に入りますね。サイト表示とSEOの関係は大きいサイトの表示が遅くてイライラしたご経験ありませんか？私はよく遅くてイライラしてます。サイトが遅いとサイトに訪れた人へストレスになりますし、遅いことによってすぐにサイトから離れてしまいます。グーグル先生などの検索サイトや分析サイトにはちゃんとそれが分かっていて、SEO的にも悪影響がでちゃうんですよね。つまり、サイトが遅いと検索結果の上位に表示されず読者さんも減ってしまいます。サイト高速化して、SEO上位狙おう！私はワードプレスのプロとしてのブログやホームページ制作やサイト高速化のサポートを出品しています。本当にサイトが早くなるの？と不安になられる方も多いと思います。サイト高速化の検証しましたので、ご覧頂ければと思います！分析結果(最初)最初の分析結果はDとBです...改善の見込みがある状態ですね。下の方にTop 5 Priority Issuesと書かれていますが、上位二つが改善の必要性大です！原因：Optimize images画像ファイルの容量が大きくてサイトが読み込むのに時間が掛かっているようですね。画像を圧縮してあげましょう！圧縮すると...1%の微力ながら、サイト表示が早くなりました！下のバーから問題点が消えましたね。こうやって1つ1つ問題を潰していきます。次の原因：Se

こんにちは。たつやです。ドミノ倒しの世界記録は数百万個単位なんですが、パソコンの中でそのくらいの規模をやってみたいです。物理演算をさぼることで、１万個程度なら現状できているのですが、それ以上は描画がボトルネックになってきます。高速化につながるかはまだ検証できてないですが、三角形をたくさん貼り付けてプログラムでドミノを描いてみました（手前）。遠景の描画をさぼりたいので、実際にはここまで見た目が同じにする必要はないですが。１０万個を目標に、ちょっと頑張ってみようと思っています。

こんにちはWordPressエンジニアの黒川です♪( ´▽｀)いきなり、キャッチーなタイトルですみませんｗ＊別に変な業者ではないのですので、記事見終わったら私のレビュー確認してみてくださいm(_ _)mさて、本題です！ご自身のサイト遅いと感じませんか？もしかしたら"閲覧者"は遅いと感じているかもしれません。"グーグル"も遅いと感じてSEO的に検索結果を下げているかもしれません。サイト高速化はSEO対策にもなりますのでそのところ今回はしっかりと説明して行こうかと思います！さらっと目を通してくださいね♪( ´▽｀)－ なぜ、今サイト高速化が必要か？ －■サイト表示速度向上がSEO対策にグーグルからページスピードがモバイル検索のランキング要因として使用されることが発表されており実際に現在は「Speed Update」 としてアルゴリズムにも導入されています。■サーチコンソールの指標として導入昨年、2019年にはGoogleサーチコンソールに新しく速度レポートがベータ版として実装されました。GoogleサーチコンソールはSEO対策によく使われるツールです。ますます、SEO対策に関してサイト高速化の重要性が高まっている証拠ですね！■ユーザの集客・成約率にも大きく影響SEO対策だけでなくコンバージョン率、顧客満足度にも大きく影響します。読み込みの遅いページはイライラしてユーザもすぐに離れてしまいますからね！実際に表示の3秒以上かかってしまう遅いページは４割以上のユーザーが離脱するとまで言われています。こうなるといくら内容が良くてもそれ以前の話ですね。■【高評価！実績多数】プロがあなたのサイ

ワードプレスエンジニアの黒川です！最近はサイト高速化から、プラグイン設定、メール転送設定、ウェブサイト構築などできそうなものはどんどん取り組んでます。まだ実績には反映できてない部分があるのですが、そんな中初めてお仕事完了いたしました👏ワードプレスの高速化サイト速度が3秒程度早くなった！サイトをいろいろなツールを使って分析して、スマホとPCサイトで3秒程度高速化に成功しました！なかなか普通にやると項目が多く分析するのも難しいところではあるので、エンジニアとしてサポートできてよかったです。次はまだ決まっていませんが、またどんどんお手伝いできればと思います(*´∀｀*)wordpressでサイト運営やブログやられているかたはぜひご相談くださいね！

1日に20万PVを超える大規模なWordPressサイトにおいて、モバイルのPage Speed Insightの数値が低いという課題がありました。特に、アドセンスなどのJavaScript広告が大量に読み込まれており、体感的には問題ないものの、数値的には改善が必要でした。 使用技術と環境 テーマ: SWELL サーバー: エックスサーバーCDN: Cloudflare 画像最適化プラグイン: EWWW Image Optimizer 高速化対策のポイント 1. SWELLの高速化機能の不使用 SWELLの高速化機能は細かいカスタマイズができないため、Page Speed Insightの数値を追求するには不向きと判断し、基本的には使用しない方向で対応しました。 2. エックスサーバーのXpage Speedの無効化 Xpage Speedはサーバー側の機能であり、高速化の効果は高いものの、小回りが利かず、トラブル発生時の切り分けが難しいため、無効化しました。エックスサーバーは初期状態で十分高速であるため、余計な設定を加えることで逆に遅くなるリスクを避けました。 3. DBクエリの最適化 遅いDBクエリをキャッシュが効くように変更し、データベースの負荷を軽減しました。 4. JavaScriptの遅延読み込み レンダリングブロックするJavaScriptを遅延読み込みする処理を追加し、ページの表示速度を向上させました。 5. CLS（Cumulative Layout Shift）の改善 広告が多いサイトでは、広告の読み込み時にレイアウトシフトが発生し、CLSが悪化する原因と