رفع خطای Make JavaScript and CSS external در YSlow سایت GTmetrix

Make JavaScript and CSS external

در این آموزش سایت دوبست با نحوه رفع خطای Make JavaScript and CSS external در YSlow سایت GTmetrix آشنا خواهیم شد.

خواهیم آموخت که رفع این اررور چگونه باعث افزایش سرعت سایت و بهبود سئو خواهد شد.

توضیحی مختصر درباره‌ی Make JavaScript and CSS external

نام: Make JavaScript and CSS external
نوعCSS/JS
اولویت: متوسط
میزان سختی: راحت
میانگین امتیاز: 100%

مفهوم Make JavaScript and CSS external

Inline & Internal & External
Inline & Internal & External

برای به کارگیری کدهای css و js در فایل HTML  سه شیوه Inline، Internal و External وجود دارد.

هر مورد دارای مزایا و معایب منحصر به فرد هستند.

در این مورد باید دقت کنیم تگ‌های HTML به اول کدهای External، سپس Internal و در آخر Inline را بارگذاری کند.

برای درک بهتر اگر در فایل External رنگ سبز برای یک تگ، رنگ کدهای Internal قرمز و کدهای Inline زرد برای همان تگ باشند، در اینجا برای HTML ما رنگ زرد الویّت خواهد داشت.

عکس بالا گویای این مطلب می‌باشد.

معمولا اررور تبدیل فایل‌های  JavaScript and CSS external برای اکثر سایت‌ها سبز رنگ می‌باشد.

اما یاهو همه نکات که ممکن است موجب افزایش سایت شما شود را به شما گوشزد می‌کند.

راهنمایی یاهو این است که سعی کنید از روش External جهت به‌کارگیری فایل‌های CSS و JavaScript بهره بگیرید.

نشان می‌دهد که رفع این اررور باعث بهبود سئو و افزایش سرعت سایت می‌شود.

چراکه زمانی فایل شما به صورت External باشد، قابل کش شدن نیز است.

اما زمانی که کدهای CSS و JavaScript شما به صورت inline داخل فایل HTML باشد،مرورگر کاربر با هربار باز کردن صفحه شما، از ابتدا این فایل‌ها را نیز از روی سرور بارگذاری می‌کند.

اگرچه این کار ممکن است سبب افزایش درخواست‌های HTTP شود ولی حجم فایل HTML را کاهش می‌دهد.

درنتیجه در صورتی که کدهای CSS و JavaScript به روش External به‌کار گرفته شود، علائه بر کاهش حجم فایل‌های HTML، باعث کاهش درخواست‌ها به دلیل کش شدن کدهای CSS و JavaScript خواهد شد.

توجه شود:

در صورتی که حجم فایل خارجی یا External شما خیلی ناچیز است، بهتر این است که به صورت Inline قرار داده شود.

یعنی رفع خطای Inline small CSS and JavaScript بهتر است الویّت شما قرار بگیرد.

اما اگر تعداد کدهای Inline با خطاهای بسیار دارید، استفاده از روش External بهتر است.

که این موضوع یعنی همان خطای Make JavaScript and CSS external را بهتر است رفع کنید.

از جهتی اگر تعداد فایل‌های External بیشتر می‌باشد، بهینه کردن آن‌ها با توجه به حجم آن‌ها باید صورت گیرد و اگر حجم اندکی دارد روش Inline هم جوابگو می‌باشد.

در صورتی که حجم بالایی داشت باید با سایر فایل‌ها ادغام شود.

اما در اینجا باید توجه شود که کدهای CSS و JavaScript با این ادغام صورت گرفته، دچار اختلال نشوند.

 

مقاله آموزشی چگونگی رفع رفع خطای Make JavaScript and CSS external در YSlow سایت GTmetrix نیز به پایان رسید.

امیدواریم این آموزش دوبست نیز که از سری آموزش‌های رفع خطاهای GTmetrix می‌باشد، مورد نظر شما قرار گرفته باشد.

    دیدگاه خود را بیان کنید

    ایمیل شما محفوظ خواهد ماند.*