わりと本気でウェブサイトの高速化に取り組んだ結果。 - ページ 2 - ONZE
投稿日：2015年11月23日 更新日：2024年10月17日 .htaccess, PHP, SEO, WordPress 12664文字：約22分 https://on-ze.com/blog/4716 この連休中に弊社ウェブサイトの表示スピード高速化に取り組みました。 もともと不満が無いほどのスピードを誇っていましたが、さらに完璧を目指して様々なアップグレードを試みたので、その結果と共に、皆様にも参考になるであろう読み込み速度UPのための改善策を提案していきます。 まず前半では診断結果を、後半では改善策を紹介していきます。 先に「改善策」のほうを読みたいという方はコチラからどうぞ。 診断に使ったサイト 今回、ウェブサイトの読み込み速度を診断するために使ったのは以下のサイト。 Google PageSpeed Insights GTmetrix Pingdom Website Spee
コピペでOK！スムーススクロールでページ内リンクやトップへ移動！#なしで
記事が長い場合、目次やページ先頭「#」へのページ内リンクはとても便利です。しかもスムーズスクロールで移動すれば動きもわかりやすいし気持ち良い。今回はJavaScriptやjQueryのプラグインを使わずに実現する方法です。 最近は多くのブログ・サイトで右下に「ページ先頭へ」戻るボタンやリンクを見かけます。しかしクリックして一気に最上部までワープすると味気ないし自分の位置を見失いがちです。目次の場合も同様です。 ゆめぴょんです。こんちはっ(^^)/ ページ内リンクはSEO対策にもなると聞いたことがあります。しかし私はむしろ訪問者のためのナビゲーションの1つとして便利だと思っています。 ページ内部リンクのしくみと弊害 そのしくみはとても簡単です。現在のURLの後に「#」をつけるとページ先頭へ、「#pyon」などをつけると「id="pyon"」を設定してる位置へジャンプします。 だから見出しに「
WordPressを高速化！格安サーバでも速くなる5つの改善策-詳細版
WordPressを使っていると、どうしてもアクセスした時に遅いなと感じることがあると思います。コンテンツをデータベースからSQLで引張って来て、コンテンツ生成もPHPが都度動いているので、静的HTMLやMovableTypeと比較するとどうしても遅くなりがちです。 それでも、動的にコンテンツ生成できてカスタマイズが自由自在なWordPressを使いたい人は多いと思います。そこで、WordPressを劇的とまではいかずとも、最大限に速くするための改善策を試してみたので、ご紹介したいと思います。 特に、ロリポップやさくらレンタルサーバのように、ワンコインで借りられる格安レンタルサーバを使ってWordPressを動かしている方には役立つ内容になっています。 ちなみに当ブログでは元々ロリポップで運営していたのですが、リニューアルに伴い現在はXServerを使っています。 ロリポップ時代に培ったノ
「コンテンツのレンダリングをブロックしているJavaScript/CSSを排除する」の対策をしました – takkaaaaaの日記
「コンテンツのレンダリングをブロックしているJavaScript/CSSを排除する」の対策をしました 公開日： 2015.03.22 最終更新日： 2018.06.01 カテゴリ： Wordpress タグ： WordPress ※本ブログには広告が含まれます 久しぶりにブログ運営・カスタマイズについて書きます。 4月21日からモバイルで見やすいかどうかを検索順位に反映し始めるという、GoogleのアナウンスがSEO業界やブロガーさんの間では話題なのでしょうか。たまにそういう記事を見ますね。 そこで、私のこのブログも色々と修正しましたよ。基本的にはGoogleのウェブマスターツール(WMT)のPageSpeed Insightsで指摘されたことを直して、ウェブページの読み込み速度をアップするようにしました。 なかなか解決が難しいと思われる、「スクロールせずに見えるコンテンツのレンダリングを
WordPress 任意のファイルを読み込むショートコードの処理
任意のファイルを読み込むショートコードを作る WordPressのショートコードとは？ 投稿ページや固定ページで PHPの実行結果を編集したい場合にはショートコードを使用します。 そのショートコードの詳細な使い方については「WordPress投稿にPHPを記述するショートコードの使い方add_shortcode」に詳しく書いていますのでそちらをご覧ください。 任意のファイルを読み込むショートコードを作成するに至った経緯 フォームのプラグイン「Contact Form 7」とオリジナルの JavaScriptを組み込んだフォームを作成したい、と思ったのがきっかけなのですが、その時の勘所悪げな悪戦苦闘をした記録なのです。 ちなみに、これを試したのは、まだ WordPressを初めて日が浅いころでした．．．（と、少し言い訳を。） WordPressのお問い合わせフォームである Contact F
webOpixel
2025年6月 webトピックス 2025年6月、個人的に気になった記事のまとめです。 投稿日2025年07月02日 更新日2025年07月02日
トップに戻るボタンをjQueryでニュルッと改造する
これまで設置してた「トップに戻る」ボタンの難点 ブログやサイトなどで、ページの右下だったり左下だったりに「トップに戻る」「PAGE TOP」などといったボタンが設置されているのをよく見かけますよね。 当ブログでも開設当初から設置してました。 ▲ 当ブログに以前設置してた「ページ先頭へ」ボタン。クリックするとページの先頭に移動する機能です。ボタン位置はCSSで固定させているのでスクロールしても一定の場所から動きません。 これはこれで最初は満足してました。しかし途中で「あること」に気付いた、というか再認識しました。 たとえば当ブログのトップページを表示した時、 ▲ URLのお尻に「#header」という文字が追加されてしまいます。 これはHTMLの仕様で、ボタンをクリックすると「id=”header”」と書かれてる位置に移動しろ、という命令を処理。最新の表示位置（＝つまりheaderの位置）を
かたつむりくんのWWW
Movable Type 7 のコンテンツフィールドのうちの「テキスト（複数行）」を MTAppjQuery v2 のオーバーレイエディタに変更する方法をご紹介します。
[JS]多彩なカスタマイズが可能な画像を拡大するスクリプト -Lightview | コリス
Lightviewは、LightBox風に画像を拡大するスクリプトで、多彩なオプションで拡大表示時のカスタマイズが可能です。 Lightview Lightviewは、単独の画像拡大をはじめ、連番での送り機能や自動スライドショー機能を備えています。 デフォルトの状態でも快適に動作しますが、下記の多彩なオプションで画像の拡大表示時のカスタマイズが可能です。 backgroundColor 背景色 border ボーダーのサイズ buttons.opacity ボタン不透明度 effects Scriptaculousの効果 images lightview.jsからみたディレクトリ imgNumberTemplete 画像のナンバリング overlay オーバーレイ radus 角丸の半径 sideshow.delay スライドの表示タイミング titleCaptionSplit タイトルと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エックスサーバーの 「mod_pagespeed設定」で Google のサイト高速化ツールをインストールしよう！ | WordPress & Lifelog
ブラウザキャッシュの設定をしてWordPressブログの表示スピードを上げる方法
Camera | a free jQuery slideshow by Pixedelic