شما اینجا هستید :

Home » مقالات » توسعه وب » چجوری میتونیم وبسایتمونو آنالیز کنیم و سرعتش رو بالا ببریم

چجوری میتونیم وبسایتمونو آنالیز کنیم و سرعتش رو بالا ببریم

داشتن سرعت بالای بارگذاری در بارگذاری صفحات وبسایتتون بالاترین اهمیت رو داره، اهمیت این موضوع تنها برا بالا بردن رتبه موتورهای جستجو نیس، بلکه برای بهتر کردن تجربه کاربری. در سال ۲۰۰۶  سایت آمازون اطلاعیه ای منتشر کرد که نشون میداد در هر ‍۱۰۰ میلی‌ثانیه لود سریع‌تر وبسایت، ۱ درصد بیشتر بهشون سود می‌رسه. گوگل نیز اخیرا مطلبی رو منتشر کرده با این عنوان که وبسایتایی که زمان لود اونا کمتر از ۵ ثانیه اس، کاربران ۷۰ درصد بیشتر زمانشون رو روی بازدید از وبسایت قرار میدن.

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

ابزارهایی برای آنالیز سرعت صفحات وب

ابزارهای رایگانی وجود دارن که سرعت وبسایت شما را آنالیز می کنن و بهتون مواردی که باعث کندی صفحتون میشه رو می‌گن. این سه مورد از محبوبترین ابزارهاییه که کار کردن با اونا هم ساده اس :

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

GTMetrix، این ابزارم مثل مورد بالاییه با این تفاوت که میزان اطلاعات نمایشی برای بهتر کردن سرعت وبسایت تو این ابزار بیشتره.

Google Page Speed، این ابزار نسبت به بقیه موارد کمتری رو برا وضعیت سرعت ارائه میکنه، اما با این وجود ابزار خوب و معروفی تو این زمینه بحساب میاد.

تنها به مواردی که ابزارای بالا ارائه میکنن اکتفا نکنین

صرفا به سه ابزاری مهمی که در بالا گفته شد اکتفا نکنین.هدف صرفا بررسی کردن و بهینه سازی صفحه وبسایتتون توسط ابزارای دیگه نیستش، بلکه اینه که مشکلات اصلی رو شناسایی کنین و حلشون کنین. این موضوع مخصوصا با ابزار Google Page Speed خیلی صادقه به این دلیل که اغلب مردم فکر می کنن اگر رتبه خوبی تو این سیستم داشته باشن، رتبه جستجوی اونا هم بهتر میشه.

آنالیز صفحه های وب‌ با استفاده از سرویس Pingdom

خب اول باید وارد سرویس بشین، بعد آدرس وبسایتتون رو وارد کنین، نزدیک ترین سرور به موقعیتی که دارین رو انتخاب کنین و روی «Start test» کلیک کنین. بعد از بررسی اطلاعاتی مثل امتیاز نهایی برگه و اینکه بارگذاری صفحه چقد زمان میبره رو بهتون میده و البته راه حلهای برطرف کردن مشکلات.

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

مشکل Leverage Browser Caching 

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

 

میتونین به این مقاله هم مراجعه کنین.

 ادغام کردن و فشرده سازی کدهای سی اس اس وجاوا اسکریپت

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

یادتون باشه وقتی میخوایبن فایلای جاوا اسکریپت و سی اس اسو فشرده سازی کنین اونارو درست ادغام کنین. می تونین هر قسمت از کدا رو که اجرا می شود از طریق inspector مرورگر دنبال کنین و درآخر اونا تو فایل اصلی قرار بدین. به ترتیب قرار دان کدا خیلی مهمه مخصوصا توی جاوا اسکریپت. وقتی یسری تابع را فراخوانی می کنین که مبتنی بر جی‌کوئرین اول باید خود جی کوئیری رو فراخوانی کنین. این قضیه در مورد سی اس اس هم صادقه.

اگه فایلتون سنگین میشه اونو تو چنتا فایل قرار بدین البته بهتره سعی کنین همون فایل رو کوچیک کنین.

برای کدهای جاوا اسکریپت بعد از بستن تگ‌ body از تگ script استفاده کنین و منبع بدین به فایل اصلی.

استفاده از CDN برای منابع

بارگذاری ایستای منابع از یک CDN می تونه خیلی از مشکلات و مسائلی رو که مربوط به سرعت وبسایتتون میشه رو حل کنه . با ابنکا کاربرا میتونن داده های مورد نظرشون رو از سریعترین دامنه دریافت کنن.میتونین از سرویس‌های ارائه دهنده CDN استفاده کنین،‌ این سرویس رو خودتونم میتونین طراحی کنین اگه بخواین خودتون طراحی کنین باید یه ساب دومین ایجاد کنین و فایل های سی‌اس‌اس، جاوااسکریپت و تصاویر رو اونجا قرار بدین و بعد برای آدرس دهی به صورت csscdn.yourwebsite.com عمل کنین.

تو ابین حالت برای فراخوانی کردن فایلای سی‌اس‌اس می تونین بنویسین csscdn.yourwebsite.com/styles.css .

فشرده سازی تصاویر

الان دیگه فشرده کردن تصاویر بدون اینکه افت کیفیتش زیاد باشه انجام میشه. تکنیک‌های فشرده سازی تصاویر زیادی هستش مضافا اینکه افزونه‌هاییم برای وردپرس عرضه شده که می تونین به صورت خودکار اینکارو انجام بده.

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

فشرده کردن همه فایلاتون سرعت سایتتون رو فوق العاده بالا میبره. سایت Tinypng  این توانایی رو داره که تا یه فایل تصویری ۶۵ کیلوبایتی رو بدون افت کیفیت بسیار به یه فایل ۱۷ کیلوبایتی تبدیل کنه.

پیشنهاد میکنم از ابزارهای خودکار سازی مثل  Gulp یا Grunt استفاده کنین.

برچسب ها : ، ، ، ،

مــطالب مشـــابه

تفاوت میان برنامه‌نویسی شئ‌گرا و تابعی

دو مورد از الگوها و سر مشق های برنامه‌نویسی که توسعه‌دهنده ها به وجود آوردن و برنامه‌های خودشون رو مطابق با اونا مینویسن، برنامه‌نویسی تابعی و شئ‌گراست. تو این مقاله قصد دارم در مورد این دو پارادایم و تفاوت هایی که با هم صحبت کنم….

ارسال شده در شهریور ۷, ۱۳۹۷

جوملا چیه؟

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

ارسال شده در شهریور ۶, ۱۳۹۷

عناصر مهم در ایجاد یک وبسایت فوق العاده

چطوری میتونیم یه وبسایت عالی داشته باشیم؟ هیچ دستور جادویی و یا الگوی خاصی برای حل این سوال وجود نداره. داشتن یه وبسایت فوق العاده میتونه به عوامل و فاکتور های مختلفی بستگی داشته باشه، مثلا مهارت شما یا بودجه ای که در اختیار دارین…

ارسال شده در شهریور ۴, ۱۳۹۷

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

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