{"id":4800,"date":"2025-10-23T17:17:15","date_gmt":"2025-10-23T09:17:15","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wenda\/4800.html"},"modified":"2025-10-23T17:31:46","modified_gmt":"2025-10-23T09:31:46","slug":"wordpress%e9%bb%98%e8%ae%a4%e6%87%92%e5%8a%a0%e8%bd%bd%e8%af%a6%e8%a7%a3","status":"publish","type":"wenda","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/wenda\/4800.html","title":{"rendered":"WordPress\u9ed8\u8ba4\u61d2\u52a0\u8f7d\u8be6\u89e3"},"content":{"rendered":"

WordPress \u81ea 5.5 \u7248\u672c\u8d77\ud83d\udccc\uff0c\u5f15\u5165\u4e86\u539f\u751f\u7684\u56fe\u7247\u548ciframe\u61d2\u52a0\u8f7d\uff08Lazy Load\uff09\u529f\u80fd\uff0c\u76ee\u7684\u662f\u4e3a\u4e86\u63d0\u5347\u7f51\u7ad9\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\uff0c\u4f18\u5316\u7528\u6237\u4f53\u9a8c\u548cSEO<\/strong>\u3002\u4e0b\u9762\u6211\u4e3a\u4f60\u8be6\u7ec6\u89e3\u91ca\u4e00\u4e0b\u5b83\u7684\u5de5\u4f5c\u539f\u7406\u3001\u7279\u70b9\u4ee5\u53ca\u5982\u4f55\u81ea\u5b9a\u4e49\u3002<\/p>

\ud83d\udccc \u4e00\u3001WordPress \u9ed8\u8ba4\u61d2\u52a0\u8f7d\u5982\u4f55\u5de5\u4f5c<\/h3>

WordPress \u7684\u61d2\u52a0\u8f7d\u5e76\u975e\u901a\u8fc7\u590d\u6742\u7684 JavaScript \u4ee3\u7801\u5b9e\u73b0\uff0c\u800c\u662f\u76f4\u63a5\u5229\u7528\u73b0\u4ee3\u6d4f\u89c8\u5668\u63d0\u4f9b\u7684\u539f\u751f\u529f\u80fd\u3002\u5176\u6838\u5fc3\u662f\u4e3a\u56fe\u7247\u548c iframe \u6807\u7b7e\u6dfb\u52a0\u4e00\u4e2a loading=\"lazy\"<\/code> \u5c5e\u6027\u3002<\/p>

    \n
  1. \u57fa\u672c\u5b9e\u73b0<\/strong>\uff1a\u5f53\u6d4f\u89c8\u5668\u89e3\u6790\u5230\u5e26\u6709 loading=\"lazy\"<\/code> \u5c5e\u6027\u7684\u56fe\u7247\u6216 iframe \u65f6\uff0c\u5b83\u4f1a\u5ef6\u8fdf\u52a0\u8f7d\u8fd9\u4e9b\u8d44\u6e90<\/strong>\uff0c\u76f4\u5230\u5b83\u4eec\u5373\u5c06\u8fdb\u5165\u7528\u6237\u5f53\u524d\u7684\u89c6\u53e3\uff08viewport\uff09\u89c6\u91ce\u65f6\u624d\u52a0\u8f7d\u3002<\/li>\n\n\n\n
  2. \u4f18\u5148\u7ea7\u63a7\u5236<\/strong>\uff1a\u6d4f\u89c8\u5668\u4f1a\u6839\u636e\u8d44\u6e90\u6240\u5728\u4f4d\u7f6e\u81ea\u52a8\u7ba1\u7406\u52a0\u8f7d\u4f18\u5148\u7ea7\u3002\u9996\u5c4f\uff08Above the Fold\uff09\u5185\u5bb9\u4f1a\u7acb\u5373\u52a0\u8f7d\uff0c\u800c\u9996\u5c4f\u4e4b\u5916\u7684\u56fe\u7247\u548c iframe \u5219\u4f1a\u5ef6\u8fdf\u52a0\u8f7d\u3002<\/li>\n<\/ol>

    \ud83d\udccc \u4e8c\u3001WordPress \u61d2\u52a0\u8f7d\u7684\u8fdb\u5316\uff1a\u6027\u80fd\u4f18\u5316<\/h3>

    WordPress \u7684\u61d2\u52a0\u8f7d\u5b9e\u73b0\u4e5f\u5728\u4e0d\u65ad\u4f18\u5316\uff1a<\/p>

      \n
    • WordPress 5.9 \u7684\u6539\u8fdb<\/strong>\uff1a\u5728\u65e9\u671f\u7248\u672c\u4e2d\uff0cWordPress \u4f1a\u7ed9\u6240\u6709\u56fe\u7247\u548c iframe \u6dfb\u52a0 loading=\"lazy\"<\/code>\u3002\u4f46\u8fd9\u6709\u65f6\u4f1a\u5f71\u54cd Largest Contentful Paint (LCP)<\/strong> \u8fd9\u4e2a\u6838\u5fc3 Web \u6307\u6807\uff0c\u56e0\u4e3a\u9996\u5c4f\u7684\u5173\u952e\u56fe\u7247\u4e5f\u53ef\u80fd\u88ab\u5ef6\u8fdf\u52a0\u8f7d\u3002
      \u4e3a\u4e86\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\uff0c\u4ece WordPress 5.9 \u5f00\u59cb\uff0c\u7cfb\u7edf\u4f1a\u81ea\u52a8\u8df3\u8fc7\u5bf9\u201c\u7b2c\u4e00\u4e2a\u5185\u5bb9\u56fe\u7247\u6216 iframe\u201d\u542f\u7528\u61d2\u52a0\u8f7d<\/strong>\u3002\u8fd9\u91cc\u7684\u201c\u7b2c\u4e00\u4e2a\u201d\u6307\u7684\u662f WordPress \u4e3b\u5faa\u73af\uff08The Loop\uff09\u4e2d\u7684\u7b2c\u4e00\u4e2a\u5185\u5bb9\u56fe\u50cf\u6216 iframe\uff0c\u5305\u62ec\u6587\u7ae0\u7684\u7279\u8272\u56fe\u7247\u3002\u8fd9\u4e2a\u6539\u8fdb\u4f7f\u5f97\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\u63d0\u5347\u4e86\u7ea6 30%<\/strong>\u3002<\/li>\n<\/ul>

      \u2699\ufe0f \u4e09\u3001\u5982\u4f55\u63a7\u5236\u548c\u81ea\u5b9a\u4e49\u9ed8\u8ba4\u61d2\u52a0\u8f7d<\/h3>

      WordPress \u63d0\u4f9b\u4e86\u4e00\u4e9b\u8fc7\u6ee4\u5668\uff08Filters\uff09\u8ba9\u4f60\u53ef\u4ee5\u7cbe\u7ec6\u63a7\u5236\u61d2\u52a0\u8f7d\u7684\u884c\u4e3a\u3002<\/p>

        \n
      1. \u8df3\u8fc7\u61d2\u52a0\u8f7d\u7684\u9608\u503c\u8c03\u6574 (wp_omit_loading_attr_threshold<\/code>)<\/strong>
        \u5982\u679c\u4f60\u7684\u4e3b\u9898\u5728\u5217\u8868\u9875\uff08\u5982\u9996\u9875\u3001\u5206\u7c7b\u9875\uff09\u91c7\u7528\u591a\u5217\u5e03\u5c40<\/strong>\uff08\u5982\u4e09\u5217\u5e03\u5c40\uff09\uff0c\u53ef\u80fd\u9700\u8981\u8ba9\u524d\u51e0\u4e2a\u5185\u5bb9\u6a21\u5757\u4e2d\u7684\u56fe\u7247\u90fd\u4e0d\u5ef6\u8fdf\u52a0\u8f7d\u3002\u8fd9\u65f6\u53ef\u4ee5\u4fee\u6539\u9ed8\u8ba4\u7684\u8df3\u8fc7\u9608\u503c\u3002
        \u4f8b\u5982\uff0c\u8ba9\u5217\u8868\u9875\u4e2d\u524d3\u4e2a\u5185\u5bb9\u56fe\u7247\u6216iframe\u4e0d\u542f\u7528\u61d2\u52a0\u8f7d\uff1a add_filter('wp_omit_loading_attr_threshold', function($omit_threshold){ if(!is_singular()){ \/\/ \u5982\u679c\u4e0d\u662f\u5355\u7bc7\u6587\u7ae0\/\u9875\u9762 return 3; \/\/ \u5c06\u9608\u503c\u6539\u4e3a3 } return $omit_threshold; });<\/code><\/li>\n\n\n\n
      2. \u4e3a\u7279\u5b9a\u56fe\u7247\u7981\u7528\u61d2\u52a0\u8f7d (wp_img_tag_add_loading_attr<\/code>)<\/strong>
        \u4f60\u53ef\u4ee5\u901a\u8fc7 wp_img_tag_add_loading_attr<\/code> \u8fc7\u6ee4\u5668\u4e3a\u7279\u5b9a\u56fe\u7247\u5f3a\u5236\u8bbe\u7f6e\u52a0\u8f7d\u884c\u4e3a\uff0c\u4f8b\u5982\u5bf9\u7ad9\u70b9\u7684 Logo \u8bbe\u7f6e loading=\"eager\"<\/code> \u4f7f\u5176\u7acb\u5373\u52a0\u8f7d\u3002 add_filter( 'wp_img_tag_add_loading_attr', function( $value, $image_tag, $context ) { \/\/ \u5982\u679c\u56fe\u7247\u7684\u7c7b\u540d\u4e2d\u5305\u542b 'skip-lazy'\uff0c\u5219\u4e0d\u5bf9\u5176\u542f\u7528\u61d2\u52a0\u8f7d if ( strpos( $image_tag, 'skip-lazy' ) !== false ) { return 'eager'; } return $value; }, 10, 3 );<\/code> \u7136\u540e\u5728\u7f16\u8f91\u56fe\u7247\u65f6\uff0c\u5728\u5b83\u7684 HTML \u4ee3\u7801\u4e2d\u6dfb\u52a0 skip-lazy<\/code> \u8fd9\u4e2a class \u5373\u53ef\u3002<\/li>\n\n\n\n
      3. \u5b8c\u5168\u7981\u7528\u61d2\u52a0\u8f7d<\/strong>
        \u5982\u679c\u786e\u5b9e\u9700\u8981\u5b8c\u5168\u7981\u7528\u539f\u751f\u7684\u61d2\u52a0\u8f7d\u529f\u80fd\uff0c\u53ef\u4ee5\u4f7f\u7528 wp_lazy_loading_enabled<\/code> \u8fc7\u6ee4\u5668\u3002 \/\/ \u7981\u7528\u56fe\u7247\u7684\u61d2\u52a0\u8f7d add_filter( 'wp_lazy_loading_enabled', '__return_false' ); \/\/ \u7981\u7528 iframe \u7684\u61d2\u52a0\u8f7d add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( 'iframe' === $tag_name ) { return false; } return $default; }, 10, 3 );<\/code><\/li>\n<\/ol>

        \ud83d\udd0d \u56db\u3001\u61d2\u52a0\u8f7d\u7684\u6ce8\u610f\u4e8b\u9879<\/h3>
          \n
        1. \u6d4f\u89c8\u5668\u517c\u5bb9\u6027<\/strong>\uff1a\u4e3b\u6d41\u73b0\u4ee3\u6d4f\u89c8\u5668\uff08\u5982 Chrome\u3001Firefox\u3001Edge \u7b49\uff09\u90fd\u5df2\u652f\u6301\u539f\u751f\u7684 loading=\"lazy\"<\/code> \u5c5e\u6027\u3002\u5bf9\u4e8e\u65e7\u7248\u6216\u4e0d\u652f\u6301\u7684\u6d4f\u89c8\u5668\uff0c\u5b83\u4f1a\u5ffd\u7565\u8be5\u5c5e\u6027\u5e76\u6b63\u5e38\u52a0\u8f7d\u6240\u6709\u8d44\u6e90\uff0c\u5177\u6709\u826f\u597d\u7684\u5411\u540e\u517c\u5bb9\u6027<\/strong>\u3002<\/li>\n\n\n\n
        2. \u4e0e\u5176\u4ed6\u63d2\u4ef6\/\u4ee3\u7801\u7684\u517c\u5bb9<\/strong>\uff1a\u5982\u679c\u4f60\u6b63\u5728\u4f7f\u7528\u5176\u4ed6\u7f13\u5b58\u4f18\u5316\u63d2\u4ef6\uff08\u5982 WP Rocket\uff09\u3001\u56fe\u7247\u4f18\u5316\u63d2\u4ef6\u6216\u8005\u4e3b\u9898\u81ea\u5e26\u7684\u61d2\u52a0\u8f7d\u529f\u80fd\uff0c\u52a1\u5fc5\u6ce8\u610f\u4e0d\u8981\u91cd\u590d\u542f\u7528\u61d2\u52a0\u8f7d<\/strong>\uff0c\u4ee5\u514d\u5f15\u8d77\u51b2\u7a81\u3002<\/li>\n\n\n\n
        3. \u9996\u5c4f\u56fe\u7247\u4f18\u5316<\/strong>\uff1a\u867d\u7136 WordPress 5.9+ \u4f1a\u81ea\u52a8\u8df3\u8fc7\u7b2c\u4e00\u4e2a\u5185\u5bb9\u56fe\u7247\uff0c\u4f46\u5bf9\u4e8e\u5176\u4ed6\u9996\u5c4f\u5173\u952e\u5143\u7d20\uff08\u5982 Header \u4e2d\u7684 Logo \u6216\u80cc\u666f\uff09\uff0c\u6700\u597d\u624b\u52a8\u786e\u4fdd\u5b83\u4eec\u4e0d\u88ab\u61d2\u52a0\u8f7d<\/strong>\uff0c\u4ee5\u5229\u4e8e LCP \u6307\u6807\u3002\u53ef\u4ee5\u4f7f\u7528\u4e0a\u8ff0\u7684 wp_img_tag_add_loading_attr<\/code> \u8fc7\u6ee4\u5668\u6216\u76f4\u63a5\u7ed9\u56fe\u7247\u6dfb\u52a0 loading=\"eager\"<\/code> \u5c5e\u6027\u3002<\/li>\n<\/ol>

          \ud83d\udc8e \u6838\u5fc3\u8981\u70b9\u603b\u7ed3<\/h3>
          \u65b9\u9762<\/th>WordPress \u9ed8\u8ba4\u61d2\u52a0\u8f7d<\/th><\/tr><\/thead>
          \u5de5\u4f5c\u539f\u7406<\/strong><\/td>\u4f7f\u7528\u539f\u751f loading=\"lazy\"<\/code> \u5c5e\u6027<\/td><\/tr>
          \u4f18\u5316\u6539\u8fdb<\/strong><\/td>5.9+ \u8df3\u8fc7\u7b2c\u4e00\u4e2a\u5185\u5bb9\u56fe\u7247\/iframe \u4ee5\u63d0\u5347 LCP<\/td><\/tr>
          \u4f18\u52bf<\/strong><\/td>\u65e0\u9700\u63d2\u4ef6\u3001\u6d4f\u89c8\u5668\u539f\u751f\u652f\u6301\u3001\u8282\u7701\u5e26\u5bbd\u3001\u63d0\u5347\u52a0\u8f7d\u901f\u5ea6<\/td><\/tr>
          \u81ea\u5b9a\u4e49\u65b9\u6cd5<\/strong><\/td>\u4f7f\u7528 wp_omit_loading_attr_threshold<\/code>, wp_img_tag_add_loading_attr<\/code> \u7b49\u8fc7\u6ee4\u5668<\/td><\/tr>
          \u6ce8\u610f\u4e8b\u9879<\/strong><\/td>\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u3001\u907f\u514d\u4e0e\u5176\u4ed6\u61d2\u52a0\u8f7d\u529f\u80fd\u51b2\u7a81\u3001\u5173\u6ce8\u9996\u5c4f\u5173\u952e\u56fe\u7247<\/td><\/tr><\/tbody><\/table><\/figure>

          \ud83d\udca1 \u4e94\u3001\u5982\u4f55\u68c0\u67e5\u61d2\u52a0\u8f7d\u662f\u5426\u751f\u6548<\/h3>

          \u5728\u6d4f\u89c8\u5668\u4e2d\u6253\u5f00\u4f60\u7684\u7f51\u7ad9\uff0c\u53f3\u952e\u70b9\u51fb\u9875\u9762\u5e76\u9009\u62e9\u201c\u68c0\u67e5<\/strong>\u201d\u6216\u201c\u5ba1\u67e5\u5143\u7d20<\/strong>\u201d\u3002<\/p>

            \n
          1. \u5728\u5f00\u53d1\u8005\u5de5\u5177\u4e2d\uff0c\u5207\u6362\u5230\u201cElements<\/strong>\u201d\uff08\u5143\u7d20\uff09\u6807\u7b7e\u3002<\/li>\n\n\n\n
          2. \u4f7f\u7528\u5feb\u6377\u952e Ctrl+F<\/code> (Windows) \u6216 Cmd+F<\/code> (Mac) \u5728\u5143\u7d20\u9762\u677f\u4e2d\u641c\u7d22 loading=\"lazy\"<\/code>\u3002<\/li>\n\n\n\n
          3. \u5982\u679c\u80fd\u627e\u5230\u8fd9\u4e2a\u5c5e\u6027\uff0c\u5e76\u4e14\u5176\u5bf9\u5e94\u7684\u56fe\u7247\u4e0d\u5728\u9996\u5c4f\uff0c\u8bf4\u660e\u61d2\u52a0\u8f7d\u6b63\u5728\u5de5\u4f5c\u3002<\/li>\n<\/ol>

            \u26a0\ufe0f \u516d\u3001\u662f\u5426\u9700\u8981\u66ff\u6362\u9ed8\u8ba4\u61d2\u52a0\u8f7d<\/h3>

            WordPress \u7684\u539f\u751f\u61d2\u52a0\u8f7d\u65b9\u6848\u901a\u5e38\u8db3\u591f\u597d\u7528<\/strong>\uff0c\u5c24\u5176\u662f\u5bf9\u4e8e\u6807\u51c6\u4e3b\u9898\u548c\u5927\u591a\u6570\u4f7f\u7528\u573a\u666f\u3002\u5b83\u7b80\u5355\u3001\u9ad8\u6548\uff0c\u4e14\u4e0e\u6838\u5fc3\u66f4\u65b0\u4fdd\u6301\u540c\u6b65\u3002<\/p>

            \u7136\u800c\uff0c\u5728\u4ee5\u4e0b\u60c5\u51b5\u4e0b\uff0c\u4f60\u53ef\u80fd\u4f1a\u8003\u8651\u4f7f\u7528\u4e13\u95e8\u7684\u4f18\u5316\u63d2\u4ef6\uff08\u5982 WP Rocket\u3001Perfmatters\uff09\u6216\u61d2\u52a0\u8f7d\u63d2\u4ef6<\/strong>\u6765\u66ff\u4ee3\u6216\u589e\u5f3a\u9ed8\u8ba4\u529f\u80fd\uff1a<\/p>

              \n
            • \u4f60\u9700\u8981\u66f4\u7cbe\u7ec6\u7684\u63a7\u5236\uff08\u4f8b\u5982\uff0c\u4e3a\u61d2\u52a0\u8f7d\u56fe\u7247\u6dfb\u52a0\u66f4\u6f02\u4eae\u7684\u5360\u4f4d\u7b26\u3001\u52a8\u753b\u6548\u679c\uff09\u3002<\/li>\n\n\n\n
            • \u4f60\u7684\u4e3b\u9898\u5e03\u5c40\u7279\u6b8a\uff0c\u9ed8\u8ba4\u7684\u201c\u8df3\u8fc7\u7b2c\u4e00\u4e2a\u201d\u903b\u8f91\u4e0d\u8db3\u4ee5\u4f18\u5316 LCP\u3002<\/li>\n\n\n\n
            • \u4f60\u5e0c\u671b\u61d2\u52a0\u8f7d\u80fd\u8986\u76d6\u66f4\u591a\u7c7b\u578b\u7684\u8d44\u6e90\uff08\u5982\u7531 CSS \u80cc\u666f\u56fe\u5b9e\u73b0\u7684\u56fe\u7247\u7b49\uff09\u3002<\/li>\n<\/ul>

              \u5e0c\u671b\u4ee5\u4e0a\u4fe1\u606f\u80fd\u5e2e\u52a9\u4f60\u66f4\u597d\u5730\u7406\u89e3\u548c\u4f7f\u7528 WordPress \u7684\u9ed8\u8ba4\u61d2\u52a0\u8f7d\u529f\u80fd\u3002<\/p>","protected":false},"excerpt":{"rendered":"

              WordPress \u81ea 5.5 \u7248\u672c\u8d77\ud83d\udccc\uff0c\u5f15\u5165\u4e86\u539f\u751f\u7684\u56fe\u7247\u548ciframe\u61d2\u52a0\u8f7d\uff08Lazy Load\uff09\u529f\u80fd\uff0c\u76ee\u7684\u662f\u4e3a\u4e86\u63d0\u5347\u7f51\u7ad9\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\uff0c\u4f18\u5316\u7528\u6237\u4f53\u9a8c\u548cSEO\u3002\u4e0b\u9762\u6211\u4e3a\u4f60\u8be6\u7ec6\u89e3\u91ca\u4e00\u4e0b\u5b83\u7684\u5de5\u4f5c\u539f\u7406\u3001\u7279\u70b9\u4ee5\u53ca\u5982\u4f55\u81ea\u5b9a\u4e49\u3002 \ud83d\udccc \u4e00\u3001WordPress \u9ed8\u8ba4\u61d2\u52a0\u8f7d\u5982\u4f55\u5de5\u4f5c WordPress \u7684\u61d2\u52a0\u8f7d\u5e76\u975e\u901a\u8fc7\u590d\u6742\u7684 JavaS..<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":true},"tags":[],"wenda2nav":[3272],"tuisongtax":[],"class_list":["post-4800","wenda","type-wenda","status-publish","hentry","wenda2nav-zhjd"],"acf":{"qian_art_seotitle":"","qian_art_seotitle_source":{"label":"SEO\u6807\u9898","type":"text","formatted_value":""},"qian_art_seokws":"","qian_art_seokws_source":{"label":"SEO\u5173\u952e\u8bcd","type":"text","formatted_value":""},"qian_art_stzhong":"\u61d2\u52a0\u8f7d","qian_art_stzhong_source":{"label":"\u4e2d | \u77ed\u6807\u9898","type":"text","formatted_value":"\u61d2\u52a0\u8f7d"}},"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/wenda\/4800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/wenda"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/wenda"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=4800"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=4800"},{"taxonomy":"wenda2nav","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/wenda2nav?post=4800"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=4800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}