TablePressとLazy Loadの有効を両立させたい

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも TablePressとLazy Loadの有効を両立させたい

  • このトピックには9件の返信、1人の参加者があり、最後にjunにより9年、 8ヶ月前に更新されました。
9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #48377
      jun
      ゲスト

      Simplicityを使用させて頂いており有難うございます。
      今回、外部ブログカードを使用したくsimplicity1から2へ重い腰を上げ移行しました。

      ・1の頃のカスタマイズ内容を見ながら2へ同様の変更
      ・テーマの編集1から2へコピペ
      ・ウィジェットの並び替え

      これで1の状態を引き継げなかったのが
      ・サイドバーの文字装飾 ⇒h4→h3に記述変更で解消(フォーラムを見て)
      ・ヘッダー内側/外側背景色を透明化 ⇒色の設定を未記入に変更し解消
      ・他細かいところ数か所 ⇒何とか解消

      などなど、丸1日格闘しましたどうしても修正できない点があり質問させて頂きたくお願いいたします。

      ★Lazy Loadを有効(カスタマイズ内=プラグインではない)にすると
      投稿内の本文中の画像のみが表示されない=1×1.transとなっている。
      (広告は表示されます)

      同様な質問がありましたが、下記と同じ現象なのか?また解決方法が分からず質問に至ります。

      初めての方は必ずお読みください/Simplicity動作不良時のガイドラインを読んで色々確認したところ
      あるプラグイン(TablePressバージョン 1.7)を停止したところで解消されました。

      ★解消されましたがTablePressとLazy Loadを有効を両立させたいのですが何か方法はありませんか?
      (1の頃は問題が無かった=カスタマイズは新設されたところ以外は同様の設定)
      また、SNSシェアボタンの数字のところがぐるぐるして表示されないのも関係があるのでしょうか?

      因みにこういった事には全く疎くPC初心者です。(分かりやすい説明があれば見ながら対応できるレベル)

      ・使用しているWordPressのバージョン4.61
      ・使用しているSimplicityテーマのバージョン2.4.1 Simplicity2 childバージョン: 20151225
      ・使用しているブラウザChromeバージョン 54.0.2840.99 m
      ・URL: http://blue-myhouse.com/
      ・現状はLazy Loadを有効にしTablePressは停止中
      ・他にlazyloadの類のプラグインは使用していない
      (Lazy Load系プラグインを入れて試してみましたが同様の現象が起こりました)
      ・使用中プラグイン
      AddQuicktag
      Akismet
      All In One SEO Pack
      Autoptimize
      BackWPup
      Better Delete Revision
      Broken Link Checker
      Category Order
      Contact Form 7
      Count Per Day
      Duplicate Post
      EWWW Image Optimizer
      Font Awesome 4 Menus
      Google XML Sitemaps
      Link Indication
      Link to Post
      Movable Type・TypePad インポートツール
      Pixabay Images
      Post-Plugin Library
      Responsive Post Preview
      Search Regex
      Similar Posts
      SiteGuard WP Plugin
      TinyMCE Advanced
      WordPress Ping Optimizer
      WordPress Popular Posts
      WP Multibyte Patch
      (ちなみにSimplicity2にしたことで不要なプラグインはありますか?)

      お教え頂けると助かります、宜しくお願い致します。

    • #48388
      Hidekichi
      ゲスト

      一部スクリプトで’が多く入ってエラーになってますが、おそらくはAutoptimizeのせいではなかろうかと思います。これを停止して動作するか確認してください。

      Autoptimizeを停止して、TablePressを有効にした場合どうなるかはわかりませんので確認が必要です。

      初めての方は必ずお読みくださいにも書いてありますが、

      URLを掲載する場合はAutoptimizeやHead Cleanerなどのリソース縮小系のプラグインは無効にしてください

      元のスクリプトの縮小の仕方やまとめ方、または元のスクリプトの書き方によってAutoptimizeはエラーの原因になります。何かあれば必ず停止が得策です。

    • #48397
      jun
      ゲスト

      Autoptimizeは停止してみましたが、これは原因ではないと思います。
      Autoptimizeは今回のエラーが発生してから昨日入れたものなので。(寝ログの記事を見ながら)
      念のため確認してみましたが有効/停止の場合でも問題ありませんでした。

    • #48399
      Hidekichi
      ゲスト

      > ’が多く入ってエラーになってます
      > Autoptimizeのせいではなかろうかと

      ‘が入っていることでパースが狂ってるのがAutoptimizeのせいでわからないので停止してほしいということです。
      「Autoptimizeを停止して、TablePressを有効にした場合どうなるかはわかりません」と言うのが前レスの内容です。TablePressがどこに機能しているのかもわかりませんし。

      僕が管理している側なら見える部分も他人のサーバーの状態を見るわけですからそんな一挙に全部解決することはできません。

      で、Autoptimizeを停止したことで

      //Google Analytics
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

      がパーサーブロッキングになってます。書き方が古いんじゃなかろうかと思うので(この部分自体が構文的にエラーというわけではなさそうなので)、どのようにここが書かれているかはわかりませんが再度確認はしてください。
      このスクリプトの後にdocument.write(uが続いてますがこんなのは2010年に非推奨になった書き方なので今時のgoogleが使うことはないと思います。

      で、エラーが出てるのはptengineのスクリプトです。
      window._pt_sp_2 = [];
      でimvalidもしくはUnexpected tokenがでているため、値が不正か予期せぬエラーということです。しかしこの部分自体が構文的におかしいわけではないので、それまでに必要なものが読み込めてない等の問題があるかも知れません。

      なのでここらから、Analyticsとptengine部分を初期化(削除)して、新たに設定してみるというのが良いのではないかと。少なくてもAutoptimizeを利用するならページ内にエラーが100%出ない事を確認してから利用しないといけません。
      使わないのが良で使うなら何かあった時に自力で解決できるようになってからが最良です。

      Autoptimizeを利用されようと思われたのはページの読み込みが遅いとか何かしら速度面で感じられたことがあってと他の人のプログを鵜呑みとかで入れられたのかも知れませんが、サイト自体が遅いのは遅いなりの原因がありそれを解消するためにAutoptimizeを入れるというのは考えものです。

      原因を取り除き普通に見れるようになった後により速く表示させるために導入するプラグインです。またそれらはプラグインが自動で行ってくれるので便利に思うわけですが、本来は手動でケースに応じて適用すべきものです。つまり、Autoptimizeを利用せずとも設定や書き方で全部できるわけです。
      プラグインでできることはたいてい自動化や簡略化なので、それらを面倒くさく感じず知識があればできることですが自動でそれらを行うという所に思わぬ罠があるということです。

      まずはサイトがエラー無く正しく比較的速く表示されることを目指してください。
      その上でAutoptimizeを利用してエラーが出ないのであれば使う意味はあります。自分でチューンナップできる人には全く不要のプラグインな割にその環境を選ぶというのが問題なのです。

      まだこの他にもブログ村のXMLHttpRequestでも警告が出ているようです。警告なのでそのままでもひとまず問題はないですが、何かしらブログ村で更新されたスクリプトがないかを調べておく必要があるかも知れません。

    • #48400
      Hidekichi
      ゲスト

      ちなみにこれらが質問の内容の解決に繋がるかはわかりません。
      が、まずはここを正しく動作するようにするべきです。

    • #48402
      Hidekichi
      ゲスト

      とりあえずテスト環境でwp:4.7、Simplicity2バージョン: 2.4.0iにTablePressを入れ簡易的なテーブルとセルの中に画像を入れた部分を作りlazyloadを有効にしましたがエラーは出ませんしどちらも正しく動作しました。

      これらは設定に依る部分も影響するかも知れません。ただデフォルトで使う限りエラーはありませんでした。

    • #48403
      jun
      ゲスト

      Hidekichiさん
      見て頂き有難う御座います。
      問題の解決までには時間が掛かりそうですが
      書かれている事を一つ一つ調べながらまずはご指摘頂いた箇所を解消して行こうと思います。
      やはり全くの初心者にはWordPressは難しいですね・・・
      色々な機能を得るには勉強も必要なので頑張ってやってみます。

    • #48404
      jun
      ゲスト

      Hidekichiさん
      という事はやはり使い方に問題があるということなのですね。

    • #48408
      Hidekichi
      ゲスト

      現状ではAnalyticsとptengine部分にエラーがあるので使い方の問題と言うよりは、相手方例えばgoogleの仕様変更等の影響も考えられます。

      古いスクリプトでしか対応できないアナリティクスの機能があるということを聞いたことがあるため、Simplicityでもそのスクリプトを残しているんでしょうけれども、ここらはその機能と現状の提供されている推奨の新しいスクリプトを天秤にかける必要があるかと思います。

      document.writeが使われているスクリプトにはレンダリングブロックを回避するためのdeferやasyncが利用できません。現状のgoogleのスクリプトはこれら非同期あるいは遅延読み込みの処理が使われているでしょうし、ページの読み込みも劇的とまでは行かずとも多少は速くなるはずです。
      一部の機能を利用するためだけに古いスクリプトを利用するということにはそこそこ大きな代償があるのも否めません。

      それら「必要かも知れない機能」を切れるのであれば最新の仕様のスクリプトを利用するべきです。もしそれだけでページ内のエラーの原因が取り除けるのであればですけれども。

      ptengineの方は仕様が変わったと言うのは特に最近聞いてないので、なぜにそこに問題が出るのかはわかりませんが、わからない時はひとまず再設定をしてみると言うが基本です。
      例えば一時的に機能を停止してみるというだけでも原因を突き止められるかも知れません。

      プラグインとlazyloadを利用した際に、うちの環境で問題はないわけですが、うちの環境はテスト環境なのでAnalyticsとptengineは入れていません。そこで動作するということは、Analyticsとptengineはまず怪しいと睨んでおき、各々を一時的に停止してみて動作を確認し、いずれか、あるいは両方に問題がある場合は再設定、いずれを停止しても尚問題がある場合は他の要素との組み合わせに問題があると判断できると思います。

      つまりAnalyticsとptengine部分も実は正しく動作していて、他のスクリプトの影響でそこにエラーが出ているということも考えられるということなのです。

      少なからずlazyloadが上手く動作しない場合はjavascript(jQuery)に問題があるはずです。ブログ村のスクリプト(ウィジェットでしょうか?)を外せば案外動作したりする可能性も無きにしもあらずです。

    • #48436
      jun
      ゲスト

      Hidekichiさん
      詳しくご説明有難う御座います。
      まずその辺りから攻めてみようかと思います。

      ”lazyloadが上手く動作しない場合はjavascript(jQuery)に問題があるはずです。ブログ村のスクリプト(ウィジェットでしょうか?)を外せば案外動作したりする可能性も無きにしもあらず”

      というところでなんとなくlazyloadの問題の原因が分かったような気がします。

9件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)