エロジンアップデート PHP7導入とスタイリッシュインデックス

    お知らせ
  • 視聴回数: 0
  • 関連語句: お知らせ
  • 画像枚数: 7
  • 投稿日時:
  • 更新日時:

長々と時間をかけて12月29日に高速化しました。12月20日に終わる予定が色々と行き詰まって放置、久々に作業再開すると思い通り行って2時間で終わりました。これで充分充実したお正月が迎えられそうですました。MariaDBやNginxのconf設定は現段階で高速実現されていない(デフォルト設定と変わらない)ので詳しくは今度記事にします。

ソースコード1行、PHPテンプレート1個のAll in Oneテクノロジー

ソースコードを1行にするのは他でもやってるブログはありますし珍しくありません。HTMLを読み込むときに不要な改行や半角スペースを除去することによってコンピュータがスムーズに読み込まれます。欠点としてデザインを変更する際やバグを修正するときに、読みづらくなります。改行やスペースが付加された状態のものをバックアップすればいいんですが、1つ変えるともう片方も変えなければならないのでシッチャカメッチャカになります。

ソースコード1行

通常、ワードプレスの構造はホーム、個別記事、アーカイブに分けられていて、さらにヘッダー、サイドバー、フッター、メインコンテンツに分けられます。


WPINDEX

エロジンでは全てのファイルを一つだけにしました。

WPINDEX

従来のエロジン

WPINDEX



これからのエロジン

WPINDEX

これにより複数のPHPファイルを読み込むことなく、CPUに負荷をかけません。キャッシュも1つだけキャッシュすればいいので読み込み速度はぐーんと上がります。従来は「あーしてこーしてそーする」を今では「あー」で終わります。

これらを実現するにはプラグインとの互換性問題や、デザインバグなどで手間がかかりました。ベンチマークを測る前にあちこちページ遷移しましたが、明らかに今までより高速化されていることが実感できるほどパッパパッパと表示になりました。ただ、速さに特化したため、jQueryやコメントを外したので好評だった抜けたよ!を現在廃止しています。コメントは1つのコメントごとにデータベースをループさせるため重くなってしまいます。ブログには楽しさがなければいけませんし、何か別の方法を考案中です。

PHP7の導入

PHP7

丁度アップデート作業中に嬉しいニュースが飛び交いました。PHP5.6から一気に大幅アップデートのPHP7が公式発表されました。当然ウキウキしてPHPアップデートに入りますが、セキリュティ関連でエラーが生じ4時間ほどサーバエラーになりましたが、なんとかなりました。PHP7では内部の計算式が劇的に変わり、整数がコピーされます。コピーされた整数を何度も使うことで生成を省き素早い計算ができるというシステムです。メモリ消費も最適化され、5.6からアップデートへの欠点は無く、利点だらけです。

メモリキャッシュを活用する

CPUから見るとメモリは非常に遅いデバイス
現代のCPUは3GHz動作→1回につき0.3ns秒計算できる(0.0000000003秒)
しかしメモリへのアクセスは80ns程度(0.00000008秒)
メモリキャッシュはL1,L2,L3の3段階構造
高速なキャッシュほど容量が小さい
キャッシュライン(64byte)ごとにキャッシュ

キャッシュに優しいデータ構造

メモリ消費が少ない
高速なキャッシュに乗りやすい
近所のメモリにアクセスする頻度が多い
L1キャッシュを利用できる
PHP7の方がキャッシュに優しい構造になっている

新zValへの評価

メモリアクセス関連の改善
真偽値型、整数型、浮き動小数点型でCoW廃止
ポインタ参照を減らして局所参照生を上げた

Zend_String

文字列型の変数値の表現
内部的な文字列表現としても使われる
例:連想配列のキー
同じ文字列がプロセス内で共有できるようになった
PHP5では「連想配列の配列」キーを毎回作ってた
同じ文字列は使い回すようにしてメモリ消費量を節約

GoogleAnalyticsの読み込み速度の結果

AnalyticsErozine

29日からアップデート執行し、徐々に落ちていくのがわかります。超えられない2秒台の壁は下記の通り。

今後の目標

Wordpressの脱退と静的HTML化へ
いくら高速化しても意味がないと思えるくらい重いWordPressの構造を変化させるのではなく、まるごと無しにしてしまう方法を編み出しました。我々の目標はiPhoneの『設定』並みのスムーズなページ遷移です。あらかじめ用意されたコンテンツを右から左へ受け流すようなスムーズさ。ブラウザの『戻る』と同じくらい次のページが読み込まれるようなのを目指しています。

WordPressというのは記事を作成しやすくするためだけのツールに過ぎません。本来ブログというのはPHPとMySQLで成り立ちます。

WordPressが重いのは無駄に多いデータベースへの接続です。
例えば今いる個別記事ページを表示するには、このURLと一致するIDの行を取得すれば済む話です。しかしWordPressでは、このページを表示するのにまず、全ての記事一覧をループ検索しています。さらに別のテーブルからカテゴリやタグを検索し取得しています。さらに関連記事を表示するために再びその記事のカテゴリから関連する記事を二重ループさせています。

このような無駄がある分、データベース接続でCPUへの負荷がかかり重くなってしまいます。Nginxリバースプロキシを要いればある程度飽和されますが、キャッシュを削除しなければ記事更新ができません。つまり1日に1回以上は記事を更新するので、結局のところ負荷がかかってしまいます。

そこで今後の我々の課題はOnePhp計画です。1Pと呼称します。

1Pはまず、ルートディレクトリ/var/www/html/index.phpを作成。
Nginx.conf設定でPHPへのアクセスを自分のパソコンのみに制限。

index.phpはPDOを使ってデータベースに1度だけアクセスし、全ての記事コンテンツを取得し、トップページに記事20個、残りはページごとに20個づつのあらかじめ用意されたHTMLテンプレートに沿ってindex.html、page-x.htmlファイルを生成。記事が見つからない場合の404.htmlも生成。

階層(カテゴリ)ごとにフォルダを生成しその中に各記事コンテンツのディレクトリ+index.htmlを生成


/var/www/html/category/kijititle/index.html

実際
http://erozine.jp/category/kijititle

これで誰かがerozine.jpに訪れると、すでに生成されたindex.htmlだけ読み込むのでサーバの負担はそのHTMLファイルの容量(20kb)で済みます。エロジンへ実用化は来年になりそうです。また、次回アップデート時はエロジンデザインを一掃変えてみようと思います。

余談
SEO的に通常、インデックスページの記事タイトルにはH2タグが実用的なんですが、H3にするとアクセス数がぐーんと上がりました。また、記事ページの記事タイトルやページタイトルなどに含まれるH1タグとheadのTITLEタグを同じに統一するとアクセス数がぐーんと上がりました。Hタグは奥深く、諸説がさまざまですが実際にいろいろ試してみて、1ヶ月ほど変化を期待するのが一番です。

    お知らせ
  • 視聴回数: 0
  • 関連語句: お知らせ
  • 画像枚数: 7
  • 投稿日時:
  • 更新日時:
メガネ
あこがれのあのメガネ娘の裏の顔を知ってしまった
  • 画像 18枚
  • PV 0億
  • メガネ
人妻,フルカラー
セクロス依存症の人妻、旦那のオトウットと親密にネトネット
  • 画像 6枚
  • PV 6,894億
  • 人妻,フルカラー
巨乳,フルカラー,むっちり
フルカラー食い込みムスメのむちむち水着DEラブFUCK
  • 画像 4枚
  • PV 5,247億
  • 巨乳,フルカラー,むっちり
ギャグ,姉妹,七宮つぐ実
いちまんえん足りない女wwwwwwwwww
  • 画像 28枚
  • PV 3,406億
  • ギャグ,姉妹,七宮つぐ実
人妻,ギャル,巨乳,むっちり
発情ギャルママの真っ昼間バイブおなぬー
  • 画像 28枚
  • PV 9,057億
  • 人妻,ギャル,巨乳,むっちり
JS,乱交,美少女,ブルマ
女子小生ブルマ時代の思い出
  • 画像 23枚
  • PV 7,686億
  • JS,乱交,美少女,ブルマ
巨乳
あの青山ちかげさんに告白した男
  • 画像 16枚
  • PV 4,089億
  • 巨乳
美少女,痴漢
ところがどっこい!痴漢男は髪型がイマイチ決まらない無垢な少年だった!!
  • 画像 20枚
  • PV 3,275億
  • 美少女,痴漢
二次元,女子高生,乱交,シュール,如月群真
【成年向けコミックカラー】好きになったら一直線 2話【如月群真】
  • 画像 30枚
  • PV 8,617億
  • 二次元,女子高生,乱交,シュール,如月群真
おねショタ,姉妹
『悪魔的姉と少年の性的日常』家族についての作文
  • 画像 22枚
  • PV 4,281億
  • おねショタ,姉妹
フルカラー
【青春五部ズ】いじめボインと繁殖ウサ耳と狐こんこんボインと突然女になった男と恋愛家庭教師
  • 画像 22枚
  • PV 4,929億
  • フルカラー
JC,美少女
ババ抜きに勝って奴隷に
  • 画像 16枚
  • PV 4,280億
  • JC,美少女
女子大生,むっちり
「酔った勢いで」なぁぁぁああにぃぃいい!??!やぁっちまったなぁ!
  • 画像 16枚
  • PV 5,702億
  • 女子大生,むっちり
オナニー,姉,変態
えぇっ!?姉さんの膣内がギチギチ締めあげて、動いてないのにイっちゃいそうなのかい!?
  • 画像 27枚
  • PV 7,464億
  • オナニー,姉,変態
ヘッドライン
昨日保存した最高の画像を晒される
  • 画像 19枚
  • PV 0億
  • ヘッドライン
金髪,Mogg
オオマイガーッ!お湯はキレマセンッー!!
  • 画像 18枚
  • PV 4,066億
  • 金髪,Mogg
純愛
くっそ彼女と喧嘩した!せや!
  • 画像 16枚
  • PV 5,036億
  • 純愛
姉妹
流石に実の姉で童貞を捨てなかった少年
  • 画像 24枚
  • PV 4,647億
  • 姉妹
褐色
褐色の脚がエロいYouは何しに日本へロ漫画
  • 画像 32枚
  • PV 3,499億
  • 褐色
お知らせ
エロジンの概要、沿革、お問い合わせ
  • 画像 1枚
  • PV 0億
  • お知らせ
女子高生,巨乳,アニメ,甘城ブリリアントパーク
今日は千斗いすゞで抜こうよ!
  • 画像 32枚
  • PV 4,402億
  • 女子高生,巨乳,アニメ,甘城ブリリアントパーク
人妻
もうすでにニヤケついてやる気マンマンの義父さん
  • 画像 20枚
  • PV 5,446億
  • 人妻
女子高生
年頃の女の子が青春Hする極めて平均的なえろまんが
  • 画像 36枚
  • PV 8,806億
  • 女子高生
美少女,田舎,ひげなむち
デリヘル呼んだら同級生がキタ━━━━(゚∀゚)━━━━!!
  • 画像 16枚
  • PV 4,022億
  • 美少女,田舎,ひげなむち
巨乳
今年の勃起した陰部がズボンから飛び出るときの効果音No1が決定
  • 画像 16枚
  • PV 4,088億
  • 巨乳
乱交
露天風呂でホモっぽいゴリマッチョ男子2人に輪姦されるヒトヅマ
  • 画像 14枚
  • PV 7,795億
  • 乱交
褐色,ギャル
高等級な令嬢的黒ギャルが淫乱に染まる瞬間
  • 画像 25枚
  • PV 4,590億
  • 褐色,ギャル
巨乳
パンチラ姉友「せいぜいパンチラ止まり」などと少年を挑発
  • 画像 16枚
  • PV 4,618億
  • 巨乳
小便
【成人向け同人誌】この工□漫画くそワロタwwwwwwwwで有名なやつ
  • 画像 20枚
  • PV 14,967億
  • 小便
女子高生
【おねショタエロ漫画】男の娘っぽい男の子
  • 画像 19枚
  • PV 0億
  • 女子高生
人妻,巨乳

よくわからんが欲求不満の人妻とこれ以上ないってくらいのスーパーエッチ

  • 画像 21枚
  • PV 50,098億
  • 人妻,むっちり
ひとづま、おねショタ

旦那と朝のチュウしている姿を見て発情する隣の坊主と結構攻める団地妻

  • 画像 16枚
  • PV 117,101億
  • 人妻,おねショタ