忍者ブログ
18 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

06 December

Googleスピードテスト　あらゆるファイル圧縮


LCPのspeed測定で重いファイルをfooterの読み込みにする
・google webfont
・all.min.css
・jqueryの元


WordPressでの表示速度とLCPの改善
https://tako3.photo/web/wordpress-lcp-hayakusiyou/

CSSに書く
.entry-content {
content-visibility: auto;
contain-intrinsic-size: 800px;
}
ありがたいコード
画像リサイズプラグインをいれる
画像圧縮プラグインはAPIキーが必要でめんどくさい


下記、なんか効かなくなったんだが…よくわからない
https://camon.tokyo/analytics-improve/speed/mod-deflate/#%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AF_htaccess_%E3%81%AB%E6%8C%87%E5%AE%9A

<IfModule mod_rewrite.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/js application/x-javascript application/javascript
</IfModule>

上記サイトからコードをありがたくコピペ
htaccessに書くだけでスピードテストで劇的な変化がでる
ただ数値が安定せず20%ほどの幅が出る…
圧縮送信がうまくいってないときとかがあるのだろうか
よくわからない…
PR
28 June

htaccessでスマホ用URLとPCを振り分ける　

http://allabout.co.jp/gm/gc/386483/3/#a386483p3case1

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L]
</IfModule>

/sp/　の部分を自分のサイト用のフォルダ名に書き換える

西さんの超わかりやすい解説
1行1行ここまで解説してくれるサイトを他に見たことがない
応用や他のやり方もちゃんと解説してくれており、書き換え方法も具体的にこういうときこうするetc書いてくれており、本当にわかりやすい。
コピペでOKだけど、内容も理解できる

西さんの書いたもの全て読みたい…でも時間がない…


■追記
上記コードでは転送元が下記のようになってしまった。
そのためindex.htmlのときでも　/sp　に転送できるようにかく

○　http://ドメイン.com/
☓　http://ドメイン.com/index.html

https://www.xserver.ne.jp/manual/man_server_mobby.php

上のサイトを参考に、index.htmlがついてもついてなくても/sp/に飛ぶよう
下記のように変更した


<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^(|index.html)$ http://ドメイン.com/sp/ [R,L]
</IfModule>















06 March

URLが同じで、スマホとPCで別html表示させたい

http://qiita.com/yokoh9/items/2e23198294ba314b4b4b

上記URLから多少変更　R→L

ほかのサイトに載ってる多くのコードは、同じURLにアクセスしたとき、デバイスで/sp　に飛ばすとかばっかりで、同じURLで見せるのが全然なかった

RewriteEngine on

RewriteCond %{REQUEST_URI} !/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ sp/$1 [L]

RewriteCond %{REQUEST_URI} /sp/
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^sp/(.*)$ $1 [L]