14
دسامبر

آنالیز سئو و افزایش سرعت سایت

چیجوری سئو سایت رو بررسی کنیم و سرعت اون رو افزایش بدیم؟

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

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

اینجا به شما نشون میدیم که چیجوری وب سایتتون رو موشکافی کنین و چند تغییر ساده انجام بدین که در بیشتر اوقات باعث می شه سرعت load شدن سایت به سرعت زیاد شه و کاربران زمان بیشتری رو در سایت شما سپری کنن و هم اینکه  موتورای جستجو هم سایت شمارو معرفی کنن.

ابزارایی واسه بررسی سرعت صفحات شما

تعدادی از ابزارای رایگان هست که صفحات شما رو چک می کنه و اینکه چی سرعت صفحات رو پایین می آورد رو مشخص می کنه. سه وسیله زیر از محبوب ترین و آسون ترین ابزارای هست:

Pingdom تست سرعت سایت

GT Metrix بررسی کننده سرعت صفحات

 Google Page Speed Insights(درک سرعت صفحات گوگل)

Pingdom– با اینکه اطلاعات کمتری نسبت به دو وسیله دیگه به ما میده اما مهم ترین اطلاعات رو دراختیارتان میذاره واگر اصلاحاتی که نشون میده انجام شه بعضی از لازم ترین بهبودای سرعت صفحات رو نشون میده.

GTMetrix– مثل Pingdom است اما اطلاعات بیشتری از اینکه چیجوری می تونین سرعت صفحاتتان رو زیاد کنین نشون میده.اگه از Pingdom استفاده کردین و بازم سرعت Load شدن صفحاتتان پایین بود و یا اینکه حس کردین می تونین سرعت رو بیشتر زیاد کنین به کار گیری این وسیله پیشنهاد می شه.

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

روی یه امتیاز خوب توقف نکنین

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

بررسی کردن صفحات وب با به کار گیری Pingdom

واسه شروع وارد Pingdom شید، URL صفحه وبتان رو وارد کنین، نزدیک ترین سرور به مکانتان رو انتخاب کنین و روی Start test کلیک کنین. پس از اینکه صفحه شما بررسی شد اطلاعاتی مثل رتبه کل صفحه شما و مدت زمان Load شدن صفحه و پیشنهاداتی واسه افزایش سرعت صفحه به شما نشون داده می شه.

چیجوری سرعت صفحات سایت رو افزایش بدیم

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

معمولا بیشتر مشکلاتی که پیش میاد حل اونا  حتی واسه یه تازه کار بسیار ساده س! و چگونگی رفع مشکلاتی که اینجا پوشش داده نشده با یه search ساده پیدا میشه.

ذخیره سازی مرورگر

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

ترکیب ، کاهش و یا انتقال منابع

ترکیب فایلای جاوااسکریپت و CSS در فایلای کمتر و هم اینکه کاهش اونا تاحد امکان این اجازه رو میده که این فایلا سریع تر load شن و هم اینکه انتقال فایلا به پوشه اصلی باعث می شه که محتوای صفحه، منتظر load شدن فایلای جاوااسکریپت نمونه که همین باعث افزایش سرعت می شه.

یادتون باشه که هنگام ترکیب فایلای جاوااسکریپت و css ترتیب فایلا درست باشه.

می تونین از inspect مرورگر واسه بررسی ترتیب فایلای load شده استفاده کنین بعد از هر فایل کد هارا کپی کنین و تو یه فایل واحد paste کنین این کار به شما این اطمینان رو میده که مثلا همه jQuary ها قبل از جاوااسکریپتایی که به اونا وابسته هستن load شده همین امر واسه css هم صادقه و به شما این اطمینان رو میده که کدایی که پایه کدای  قسمتای دیگه css است قبلا load شدن.

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

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

از CDN واسه منابع خود استفاده کنین

Load کردن استاتیک منابع از CDN می تونه تعدادی از مشکلات سرعت رو حل کنه. این امکان به شما اجازه میده که وقتی که مرورگر درحال واکشی محتوا از یکdomainدیگره صفحات load شن هم اینکه این امکان توانایی حل مشکل”Serve content from a cookieless domain” اگه از کوکیا استفاده می کنین رو داره.

می تونین از ارائه دهندگان CDN در ساخت محتوای خود استفاده کنین اما بهتره که CDN خود رو بسازین و از اون در ساخت محتوای خود استفاده کنین واسه این کار مطمئن شین که css ها و جاوا اسکریپتا و عکساتون در پوشهای جداگونه ای از دیگر فایلای سایت شما هستن بعد یه subdomain بسازین که مستقیما به اون پوشها اشاره میکنه.

مثلا واسه css ها یه subdomain به نام .comنام ویسایتتانcsscdn. بسازین که مستقیما به پوشه cssهای شما در سایت اشاره کنه بعد در frontend به جای برگشت دادن به شکل  css/styles.css از برگشت به صورت csscdn.yourwebsite.com/styles.css استفاده کنین همین کار رو می تونین واسه جاوااسکریپتا، عکسا و یا هر منبع دیگری واسه کاهش زمان load شدن اونا روی صفحه انجام بدین.

حجم تصاویر رو کم کنین

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

با فشرده سازی تموم فایلا سرعت load صفحات به صورت زیادی زیاد می شه. Tinypng میتونه که یه عکس KB57 رو به یه عکس KB15 تبدیل کنه بدون اینکه کیفیت اون بطور زیادی کاهش پیدا کنه.اگه در صفحات وب شما از عکسای بزرگ و یا تعداد زیادی عکس استفاده شده تنها فشرده سازی عکسا باعث می شه که صفحات در کسری از زمان load شن.

اگه شما هنوز با Gulp و یا Grunt آشنا نیستین باید اونا رو به مجموعه ابزارای پیشرفت وب خودتون اضافه کنین چون این دو وسیله به صورت فوق العاده ای کارایی مثل جاوااسکریپت،فشره سازی تصاویر رو در کنار وسعت بزرگی از کارای کاربردی دیگه رو به صورت خودکار انجام میده.

منبع :  barnamenevisan.org