سبد خریدتان در حال حاضر خالی است!
بلاگ
-
مینیفای و کمباین فایل های استاتیک همچون استایل و جاوا اسکریپت
کمباین(Combine) و مینیفای(Minify) فایل های ثابت نظیر استایایل(CSS) و جاوااسکریپت(JS). به حداقل رساندن حجم فایل ها مینیفای و یکی سازی فایلها کمباین است.
وردپرس معتقد است کوچکترین واحد های استایل نیز مناسب است تابع خود را داشته باشند و به صورت پی اچ پی تعریف شوند اما گوگل مانعی نمیبیند به صورت هارد کد(Hardcode) در بتن کد، استایلی کوتاه به آن افزوده شود.
مینیفای(Minify)
مینیفای، در خصوص بهینه سازی فایل های استاتیک در بخش استایل و جاوا اسکریپت در مورد مینیفای(Minify) هدف حذف چند مورد است تا ماشین سریع تر محتوای فایل را خوانده و ترتیب اثر دهد، به عنوان مثال حذف خطوط تا کدها پشت سر هم در یک خط نوشته شوند و یا حذف فاصله تا تمامی کدها به هم چسبیده شوند یا حذف توضیحاتی که میان استانداردهای کامنتینگ نوشته می شود و تاثیری در کد ندارند و تنها یاد آوری و شرحی برای کد نویس هستند تا در مراجعات بعدی سریع تر با کد ارتباط بگیرد، خطوط و فاصله ها در کدها ایجاد می شوند تا کد نویس راحت تر بتواند آنها را بخواند.
برای مینیفای فایل های استایل و جاوا اسکریپت احتمالاً راه های مختلفی باشد، به عنوان مثال ایجاد دو فایل از یک محتوا که یکی مینیفای شده و دیگری جهت خواندن توسط کد نویس و ویرایش است، اما اینکه به صورت دستی هر بار فاصله ها و خطوط و کامنتها حذف شوند به نظر امری فاجعه بار است، برای این موضوع یک راه استفاده از برخی از سایت ها است که به صورت آنلاین مینیفای را به انجام می رسانند، با جستجوی ساده در گوگل
Minify CSS online
Minify JS online
به راحتی چندین سایت برای مینیفای یا رساندن فایل به حداقل حجم ممکن وجود دارد که می توان بهره برد اما این موضوع نیز مشکل یا مشکلات خود را دارد و باید پس از هر ویرایش و تغییر، نتایج را به صورتی دستی به سایت برد و فایل مینیفای شده را به صورت دستی در سایت گنجاند، اما اگر از سیستم مدیریت محتوای وردپرس بهره می برید کار سر راست و آسان خواهد بود، هستند افزونه هایی که در سایت کار مینیفای را انجام می دهند و نتیجه را به صورت خودکار در سایت بارگزاری می کنند.
کمباین(Combine)
کمباین، در طرف دیگر بهینه سازی سایت فایل های استاتیک همچون استایل و جاوا اسکریپت موضوع کمباین یا ترکیب و یکی سازی فایل ها مطرح است، به عنوان مثال در برگه HTML یا در صفحات وردپرس ممکن است ما از پلاگین های مختلفی بهره ببریم که احتمالاً هر یک استایل و جاوااسکریپت خود را دارند و برای بارگزاری هر یک از آنها یک درخواست HTML مجزا صادر می شود که بارگزاری سایت را سنگین می کند که در نتیجه سرعت لُود سایت پایین می آید، در موضوع کمباین تمامی فایلهای استایل در یک فایل استایل ذخیره می شوند و آن تک فایل استایل که مجموع تمامی استایل ها است در سایت بارگزاری می شود، در خصوص جاوا اسکریپت هم شیوه ی کار به همان ترتیب فایل استایل است و تمامی فایلهای جاوااسکریپت در یک فایل ذخیره شده و بارگزاری می شوند و در نتیجه تنها با یک درخواست اچ تی ام ال(HTML) تمامی فایلهای استایل یا جاوااسکریپت بارگزاری می شود.
برای بهینه سازی فایل های استاتیک در وردپرس پلاگین های مختلفی موجود است که برخی تنها امر مینیفای یا کمباین را به انجام می رسانند و برخی هر دو کار مینیفای و کمباین را یکجا پشتیبانی می کنند. در ادامه به معرفی پلاگین در این خصوص پرداخته شده است.
افزونه Autoptimize
این افزونه امکانات مختلفی را در اختیار می گذارد همچون کش HTML یا لود تصاویر در صورت نیاز اما آنچه مد نظر ماست در این بخش مینیفای و کمباین فایلهای استایل و جاوااسکریپت است که این افزونه به خوبی به انجام می رساند و البته خالی کردن کش فایل های استایل و جاوااسکریپت نیز در آن به سادگی با کلیک بر روی لینک موجود در ادمین بار وردپرس میسر است.
در خصوص اهمیت مینیفای و کمباین فایل های استایل در سرموضوع سئو و تاکتیک های آن در بخش و نوشته بهینه سازی سرعت بارگزاری سایت سخن به میان آمده است.
-
نقشه ی سایت(Sitemap)
نقشه ی سایت لیست ساده ی محتوای سایت است به ترتیبی که به راحتی دسترسی به تیتر تمامی نوشته ها و برگه های منتشر شده همینطور نژاد نوشته اعم از دسته بندی(کتگُوری) و تگ(برچسب) انتشار یافته در آن میسّر است.
در کنسول جستجوی گوگل و اغلب سایت هایی که به امر جستجو می پردازند همچون بینگ و یاندکس بخشی برای معرفی نقشه ی سایت موجود است که ارتباط سریع موتور جستجو را با تغییرات سایت میسر می کند.
در وردپرس به صورت پیش فرض نقشه ی سایت تولید می شود و موجود است، برای بررسی آن تنها کافیست آدرس زیر را به انتهای نام سایت خود اضافه کنید.
/Sitemap.xml
نقشه ی سایت در بهبود سئو و رنکینگ سایت موثر است، در نوشته سئو و تکنیکهای آن به این موضوع پرداخته شده است.
-
بهینه سازی سرعت بارگزاری سایت
سرعت بارگزاری سایت وضعیتی که از لحظه ی ارسال دستور لُود سایت از جانب کاربر تا پایان بارگزاری سایت را شامل می شود به عوامل مختلفی چون سرعت سرور میزبان، اسکریپت سایت و سرعت وسیله ی کاربر بستگی دارد، قسمت کاربر در دسترس ما نیست امّا احتمالاً سرور میزبانی یا اسکریپت سایت دست کم تا حدودی در دسترس است.
در خصوص سرعت بارگذاری سایت آنچه مناسب است بار گذاری پیش از هشت ثانیه است، مناسب است از چهار تا هشت ثانیه سایت یا دست کم بخشی از آن به دستگاه کاربر و بیننده ارسال شده باشد، طبق آنچه پیشتر مطرح شده درصدی بالا از کاربران در صورتی که لود و بارگزاری سایت از شش تا هشت ثانیه بیشتر طول بکشد و همچنان صفحه مانیتور سفید و خالی باشد سایت را ترک می کنند.
پیش از ظهور سیستم های مدیریت محتوا چون وردپرس سایت ها متشکّل از صفحات دست نویس اچ تی ام ال(HTML) بودند که سرعتی نسبتا مکانیکی و کند داشتند اما با پا به عرصه گذاردن نرم افزاری چون پی اچ پی(PHP) و سیستم های مدیریت محتوا(CMS) استفاده از فضای داینامیک همه گیر شد، سیستم های مدیریّت محتوا خاصه وردپرس در ابتدای نصب سرعتی قابل قبول دارند امّا با گذر زمان و سنگین شدن حجم محتوا و اضافه شدن تصاویر و افزونه ها سرعت آنها کاهش می یابد، امّا چاره ی کار کجاست و چه طور باید سرعت بارگزاری سایت را افزایش داد.
اگر دسترسی به سخت افزار سرور دارید ارتقای سرور به وضعیّتی حرفه ای با پشتیبانی از رم و هارد مناسب به عنوان مثال استفاده از هاردهای NVME مناسب خواهد بود امّا اغلب در ابتدا دسترسی به سرور موجود نیست و غالباً فضای اشتراکی اجاره میشود و سایت با بسیاری سایت های دیگر از یک سیستم مشترک بهره می برند، در ادامه به مواردی اشاره شده که تنها در اسکریپت و ساختار سایت لحاظ می شوند و تاثیر آنها مناسب است
- کم کردن تعداد درخواست های HTML از طریق کمباین(یکی سازی) فایل های استایل(CSS) و جاوا اسکریپت(JS).
- کم کردن تعداد درخواست های پایگاه داده از طریق حذف و غیر فعالسازی افزونه هایی که کارایی روزمره ندارند.
- استفاده از تصاویر بهینه شده در سایت.
- استفاده از تصاویر مناسب برای اندازه های مختلف تصویر، به عنوان مثال نیاز نیست تصویر با عرض تمام 1280px برای فضایی با عرض 300px استفاده و لُود شود.
- استفاده از کش کردن سایت با بهره گیری از ترفندها و افزونه های مناسب آن.
- استفاده از CDN جهت بارگیری محتوای استاتیک همچون فایل استایل، جاوا اسکریپت یا تصویر.
- در وردپرس کم کردن تعداد نوشته ها در برگه ی بلاگ، همینطور کم کردن تعداد نوشته در RSS.
- در وردپرس غیر فعالسازی بخش هایی از سیستم که کاربرد ندارند همچون اموجی
موارد مطرح شده در این نوشتار در سئو و ارتقای رتبه ی سایت نیز موثر است، در نوشته ی سئو، ارتقا سایت و تکنیک های آن به موضوع ارتقای رتبه ی سایت به تفصیل پرداخته شده.
برای بررسی سرعت بارگزاری سایت ابزارهای آنلاینی موجود است که در نوشته ی سایتهای سنجش سرعت بارگزاری سایت به آن پرداخته شده است.