حذف فایل Jquery پیشفرض از وردپرس
یکی از مشکلاتی که ممکن است شما هم با آن بر خورد کرده باشید ، اینست که هنگام لود سایتتان با مشکل دیر لود شدن افکت های جی کوئری مواجه هستید. این مشکل زمانی پیش می آید که یکبار سازنده قالب فایل Jquery اضافه کرده و بار بعدی یک پلاگین یا خود وردپرس به صورت اتوماتیک و خودجوش فایل Jquery را به قالب اضافه می کند و باعث دو گانگی و در نتیجه لود شدن افکت ها و سنگین شدن قالب می شود.
حالا در این آموزش به شما یاد می دهیم که چگونه بهترین روش را برای رفع مشکل انتخاب کنید.
چطوری چک کنیم در وبلاگمان دوبار Jquery فرا خوانده شده :
برای دیدن این موضوع کافیست در مرورگر گوگل کروم روی قسمتی از صفحه کلیک راست کرده و view page source را انتخاب کنید.
بعد از آن دکمه ترکیبی ctrl+f را بزنید تا کادر جستجو باز شود و کلمه Jquery را سرچ کنید.
بعد داخل کدها اگر چنین کلمه ای موجود باشد هایلایت می شود.
حالا اگر آدرسی از فایل جی کوئری به صورت زیر داشته باشید ، یعنی فایل Jquery پیشفرض وردپرس لود شده است.
[codesyntax lang=”php”]
۱ |
<script type="text/javascript" src="http://yourblogname.com/wp-includes/js/jquery/jquery.js"> |
[/codesyntax]
و اگر آدرس هم به شکل زیر داشته باشید یعنی فایل Jquery از سرورهای گوگل در حال لود شدن است.
[codesyntax lang=”php”]
۱ |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> |
[/codesyntax]
و اگر دو آدرسی که در بالا نوشتم را همزمان داشته باشید یعنی دو تا Jquery لود شده است و شما باید یکی از آنها را به طریقی از قالب و از لود شدن حذف کنید.
کدامیک از نسخه های Jquery بهتر است :
اگر نظر من را بخواهید که ترجیح میدهم از Jquery گوگل استفاده کنم ، چون تا جای ممکن فشرده و Minify است و هم اینکه اگر کاربر وب سایتی دیگر را مشاهده کرده باشد و فایل Jquery گوگل در آن فراخوانی شده باشد پس قبلا در مرورگر کاربر کش شده و هنگام مشاهده وب سایت شما دیگر نیازی به بارگذاری مجدد ندارد و این یعنی بهینه شدن قالب برای لود سریعتر!!!
چگونه Jquery را در قالب خود اضافه کنیم ؟
اگر شما علاقه مند شدید که ورژن گوگلی Jquery را به جای پیشفرض وردپرس استفاده کنید کافیست که کد زیر را قبل از بسته شدن تگ <head> در فایل header.php قرار دهید.
[codesyntax lang=”php”]
۱ |
<script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js&quot;></script> |
[/codesyntax]
این کد بالا همیشه به روز است و آخرین ورژن جی کوئری را از طریق CDN گوگل در سایت شما لود می کند.
بعد از اینکه کد بالا را درون قالب قرار دادید می بایست Jquery پیشفرض وردپرس را غیرفعال کنید تا دو تا همزمان لود نشود.
چگونه Jquery پیشفرض وردپرس را غیرفعال کنیم ؟
برای غیرفعال کردن جی کوئری پیشفرض وردپرس کافیست یک مرحله ساده را طی کنید . ایتدا فایل functions.php قالب را باز کنید و کد زیر را قبل از بسته شدن تگ php در آن قرار دهید.
[codesyntax lang=”php”]
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ |
/** Remove local copy of jQuery */ if (!is_admin()) { function site_init() { // remove jQuery wp_deregister_script('jquery'); } add_action('init', 'site_init'); } |
[/codesyntax]
تموم شد ! به همین راحتی شما سایتتان را برای قسمت جی کوئری بهینه کردید . حالا کافیست سایت را باز کنید و سورس را مشاهده کنید که تنها یک جی کوئری گوگل در صفحه لود شده است و دیگر خبری از ورژن جی کوئری وردپرس نیست.
اگر شما هم روش های دیگری استفاده می کنید ، در قسمت نظرات به اشتراک بگذارید.
لینک کوتاه این محصول : http://ipmg.ir/?p=878
دیدگاه ها (بدون دیدگاه)