بارگذاری استایل ها روی وب سایت-راه های بارگذاری سریع تر استایل ها(2-آخر)

بخش دوم این سری از پست ها در ادمه ی پست قبلی هست و همون طور که از سربرگ پیداست موضوع مورد بحث ما کاربرد CSS در وردپرسه.

به طور کلی در بخش وال نمونه هایی از کد هارو دیدید که در رابطه با ظواهر سایت بودن.همون طور که میدونید CSS در زیبایی سایت موثره.خب آشنایی با کدنویسی و ایجاد تغییر در تم های وردپرس  برای همه ی وردپرس کارا ضروریه.سایت های زیادی وجود دارن که دارن از یه قالب مشابه استفاده می کنن.قالب متمایز بیشتر در ذهن می می مونه .پس سفارشی سازی قالب مهمه.باز هم درباره بارگذاری استایل ها در این بخش می خونید.ولی منتظر آموزش های کامل برای ادیت تم و سایر موضوعات مرتبط با وردپرس و مباحث پیرامونش مثل تغییر در قالب های وردپرس در بخش مدرسه وردپرس باشید.

برای بارگذاری سریع تر استایل ها چه کنیم؟

این سوال ممکنه ذهن شمارو هم مشغول کرده باشه.امروزه سرعت اینترنت بالا رفته و بارگذاری سایت ها هر چه قدرم سنگین باشن بازم مشکل خاصی رو ایجاد نمی کنه.اما اگه سرعت بارگذاری استایل ها در سایت شما پایینه این پست بهتون کمک می کنه.

به طور معمول اون چه که سرعت لودشدن سایتو پایین میاره انیمیشن ها وعکس ها هستن.در این جا به برررسی  عوامل موثر می پردازیم:

برای نمایش متفاوت متون وعکس ها درسایت ما نیاز به تگ های HTML و کد های جاوا داریم.در نهایت وقتی ما فایل ها رو با این کد ها ذخیره می کنیم سایز فایلمون بیشتر میشه .این به خاطر محتوای سایت نیست.بلکه به خاطر تگ هایی هست که استفاده کردیم.حالا برای رفع این مشکل که منجر به دیر لود شدن سایت و مشکلات دیگه میشه قصد دارم راه هایی رو بهتون معرفی کنم که در عین حفظ تم  ،استایل و دیزاین پیج این مشکلو حل کنه .

……………………………………………………………………………………..

سایز تصاویر:

1)عکس لازمه ی هر پسته.از هر جهت !…برای آموزش بهتر،اطلاع رسانی بهتر،جلب توجه و زیبایی و یا…پس وجود عکس الزامیه.سایز پیشنهادی برای هر عکس 72dpi هست.شما با این اندازه می تونید کیفیت استاندارد رو بدون فشرده سازی عکس داشته باشید.

توجه داشته باشید که عکس بزرگتر به منزله ی کیفیت بهتر نیست.افزایش سایز فقط سبب افزایش حجم بدون افزایش کیفیت میشه.

2)در بخش تنظیمات عکستون قبل از بارگذاری حتما ارتفاع و عرض و طول عکستونو مشخص کنید.این موضوع به  مرورگر کمک می کنه که متون رو قبل از بارگذاری عکس ها تنظیم کنه.به این ترتیب مشکل بارگذاری کند استایل ها تا حدی بهبود پیدا می کنه.

3)اگه شما عکس های کیفیت بالایی از یه موضوع در اختیار دارید و قصد دارید اونو با بقیه به اشتراک بگذارید،کافیه عکس هارو در سایز بندانگشتی آپ کنید وتصاویرو برای دانلود قرار بدید.این طوری فضای کم تری هم اشغال میشه.

4) لوگو و تصاویر شاخص رو داخل فایلی مشترک وبه صورت جداگانه از سایرین قرار بدید.این موضوعیه که اکثر طراحان سایت حرفه ای بهش توجه دارن.شاید بپرسید چرا!؟

در پاسخ باید بگم که لوگو و تصاویر ثابت شما جز مواردی هستن که در همه ی پیج ها هستن و همیشه دیده میشن.خب بهتره این ها رو داخل فایلی جداگانه بذارین و بعدش در همه ی فایل ها لینکشون کنیم.به این ترتیب لازم نیست که این فایل(فایل لوگو و تصاویر ثابت) با هربار لود شدن صفحات دوباره لود شه.این هم به سرعت لودینگ سایت شما کمک می کنه و هم به جیب بازدید کننده ها!..شاید این بارگذاری و بالا اومدن پیج ها  زمان ناچیزی رو طلب کنه.ولی به صورت کلی با استفاده زیاد از سایت و بارگذاری پیج ها این موضوع سرعت و وقت بیشتری رو لازم داره.

5)محتوای سایت رو در بالای صفحه قرار بدید.منظور اینه که مثلا پست های امروز شما در بالا باشه بهتره.کلا محتوا دربالا باشه برای بارگذاری بهتر سایت و جلوگیری از کند بودن مفیده.البته امروزه سایت های زیادی هستن که تبلیغات وسیعی رو در بالای هر پیج قرار دادن و ما باید به فوتر نزدیک و نزدیک تر شیم تا مطلب در خواستیمون رو دریابیم!

……………………………………………………………………………………………………..

فایر فاکس و ابزار آن:

اگه از مرورگر فایر فاکس استفاده می کنید می تونید از ابزار اون برای ارتقای سرعتتون استفاده کنید.فایرفاکس ابزاری رو با عنوان add-ons  که به نام  Firebug مشهور شده پیشنهاد می کنه .بخشی به نام page speed وجود داره.در این پیج فایرفاکس به شما افت سرعت بارگذاری  رو نشون میده و کمکتون می کنه دلایل اونو پیدا کنید.در واقه پیجی هست برای مانیتورینگ سرعت بارگذاری سایت شما.از لینک زیر به این بخش هدایت میشید:

ورود به page speed
…………………………………………………………………………..

در مورد بارگذاری سریع تر و افزایش لودینگ سایت در مدرسه وردپرس بیشتر خواهید خوند.

بیگ تم

یک نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *