اگر مدت زیادی باشه که در حال برنامه نویسی و کدزدن مخصوصا در حوزه وردپرس باشید، متوجه یکی از مهمترین مسایلی که همیشه باهاش درگیر هستیم شدین. البته من تجربه خاصی برای زبان های سمت سرور دیگه ندارم ولی همیشه با مشکل حجم و سرعت در وردپرس مواجه میشم.
- اولین کاری که همیشه برای برطرف کردن این مشکل انجام میدادم برش تصاویر بود. سعی می کردم و می کنم تا جای ممکن تصاویر و برش بدم و به قول معروف Scale تصویر و درست کنم. یعنی اگر فضای تصویری 800 در 600 پیکسل باشه، تصویرم یهو 1920 در 1080 نباشه.
- دومین کاری که برای برطرف کردن این مشکل انجام میدادم کم کردن حجم تصاویر بود. اول از طریق فتوشاپ و بعد ها از طریق سایت های آنلاین کم کردن حجم.
- کار بعدی که انجام میدم اینه که حجم فایلای css و js و کم کنم. از طریق minify کردن که اونم با ابزار های آنلاین انجام میدم.
- کار بعدی ایجاد کش برای کاربره که هر دفعه درخواست سمت سرور فرستاده نشه.
خب همه اینا خیلی خوبن ولی کم کم مشکلات شروع میشن.
- تصاویر و خیلی وقت ها عجله ای اپلود می کنیم و وقت نمی کنیم حجمشون و پایین بیاریم.
- تغییرات هم که ماشالله اینقدر زیاد میشن که نمیشه هی فایلای css و js و unminify کنیم و دوباره کم حجم کنیم. کار اعصاب خورد کنیه.
فکر بعدی که به نظرم رسید نصب افزونه هایی نظیر wp-rocket بود که از حق نگذریم توی این زمینه خیلی خوب عمل می کنن و واقعا عالی هستن. اما…
اما خیلی مواقع به خیلی موارد این پلاگین ها نیازی نداریم و عملا یه پلاگین سنگین و برای کارهای کوچیک نصب می کنیم. همچنین آدم های روانی مثل من هم کم نیست که با اینکه علمشون نمیرسه همه چی و کدنویسی کنن ولی اصرار دارن که با مشقت تمام به جای پلاگین کدنویسی کنه.
اینجا بود که شروع کردم به جستجو و متوجه شدم برای اینکار هایی که گفتم یک ابزار رایگان و عالی وجود داره که به صورت خودکار( خوشحال نشید! ) همه اینکارهای و به علاوه کلی کارهای باحال دیگه برامون انجام میده. ابزاری که اینکار و انجام میده gulp.js ه.
البته هنوز در حال یادگیری هستم ولی دلم میخواد هر چیزی که یاد گرفتم و اینجا هم بذارم که دوستان هم بتونن استفاده کنن.
چک لیست بالا بردن سرعت و بهینه کردن وب سایت
چک لیستی کاربردی که حتما به اون نیاز پیدا خواهید کرد
موارد چک لیست بالا و همچنین بهینه کردن تصاویر و انجام بدین دیگه بعید میدونم مشکلی برای سرعت داشته باشین.