1. ChromeがLaz..
    2018/September/04/04:49 Tue   Comment(0)
    わたしがリスペクトしている コリスさんの情報です。 ... ( Read more )
  2. SQLite Int..
    2018/August/27/03:29 Mon   Comment(0)
    SQLite Integrationを使い SQLiteでWo... ( Read more )
  3. Hello Word..
    2018/August/22/07:37 Wed   Comment(0)
    さくらのレンタルサーバ ライトで WordPressが使えまし... ( Read more )
  4. CMSをインストール..
    2018/August/19/14:14 Sun   Comment(0)
    おそらく8月22日の システムメンテナンスで さくらのサブド... ( Read more )
  5. 何となく分かったで良..
    2018/August/15/05:14 Wed   Comment(0)
    プログラミングを勉強したり 調べたりしていると 出てくる言葉... ( Read more )
2018/July/

2018年07月31日

noteって知っていますか?

皆さまは
noteと言うウェブサービスを
ご存知でしょうか?

すでに知っている、
利用している方々には
今さらかもしれませんが・・。





わたしがnoteを知ったのは
つい最近、以下の記事を読み
なるほど・・、
個人ブログではなさそうだけど
この記事の出どころは?
と思ったのがきっかけです。



note・・一体、
どのようなサービスなのか
調べたところ、

この記事が分かりやすいかな。



以下は公式です。



まっ、今のところ
自身が利用する考えはありませんが、

面白い記事や
なるほどと思わせる記事も多い
のでお気に入りになりそうです。


474036.jpg


早速、
こんな記事をみつけましたよ♪




皆さまの
参考になれば幸いです。






貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました





TAG:topics
posted by four4to6 at 02:54 | Comment(0) | 日記 気になるサービス

2018年07月27日

Prefetch Final form

先読み(プリレンダリング)に
ついて色々と試してみましたが、

rel="prerender"については、
Edge、Firefox、Safari
は非対応
で、
プリレンダリングの制約として
対象は1ページだけ
だと分かりました。

だったら
主なブラウザに対応した
記述
は何かないかと調べました。


670711.jpg


rel="dns-prefetch"
これが大体のブラウザに
対応しているものの

httpsページはprefetchできない。

これが痛い。



さらに調べると
併記が可能だと分かりました。

だいぶ古い文献ですが、



上記によれば

rel="preload prefetch"

と併記が可能となっています。

prefetchは
IE、Edge、Firefox、
Chrome サポート。

preloadは
Edge、Chrome、
Safari サポート。


Can I use


prefetch機能は
後から読み込まれる
可能性のあるファイルを事前に
先読みしておく機能
ですが、

The as attribute is
an OPTIONAL
attribute that must
conform to requirements
defined in [PRELOAD].

preloadで定義されたas属性
指定できるようです。

ここでは as="html"
ですが、
as=documentに変えると
変化を感じられる?

かもしれません。


Resource Hints


さらに

BODYに書いてOKなのか
調べました。

next、prevはダメみたいですが、

Prefetching関係はOKのようです。


HTML Standard


そうすると
最終形態は

<link rel="preload prefetch"
crossorigin="use-credentials" as="document" href="・・.html"/>


こんな感じになります。


デザイン> PC> コンテンツ
記事パーツのコンテンツHTML編集にて

<% content.header -%>
<!-- Content -->

の後に
以下を書き加えます。





不安な方は
マネしないでください。


また、
全て自己責任にて
お願い
いたします。






貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました





posted by four4to6 at 04:27 | Comment(0) | このブログの事 Performance up

2018年07月24日

Prerendering Part 2

前回の記事にて
プリレンダリング機能について
ご紹介いたしましたが、
先読み(プリレンダリング)の
対象がarticleページのみ
でした。


533561.jpg


今回、
archives、categoryページまで
対象
としたソースを
ご紹介いたします。

よろしければ、
差し替えてください。

デザイン> PC> コンテンツ
記事パーツのコンテンツHTML編集にて

<% content.header -%>
<!-- Content -->

の後に
以下を書き加えます。




注意事項その他は
前回記事と同様です。



最新記事
http://four4to6.sblo.jp/article/184014422.html






貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました





posted by four4to6 at 04:20 | Comment(0) | このブログの事 Performance up