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

افزایش سرعت بارگذاری صفحه شماابزارهایی برای صاحبان سایت و توسعه دهندگان

کاربران آنلاین به سختی تحمل وب سایتهایی را دارند که زمان بارگذاری آنها زیاد است.

در اینجا لیستی از ابزارهای سنجش سرعت صفحه وجود دارد

که مدیران وب و توسعه دهندگان می توانند از آنها برای اندازه گیری سرعت بار وب سایت و وبلاگ استفاده کنند.

پیشرفت های حیرت انگیز در فناوری مبتنی بر وب باعث افزایش انتظارات مردم هنگام بارگیری سرعت صفحات وب معمولی می شود.

کاربران آنلاین به صفحات و برنامه های بارگیری سریع رعد و برق عادت کرده اند و تحمل بارگذاری وب سایت های سنگین را ندارند.

در حقیقت ، كاهش كمی در سرعت بارگیری صفحه به ویژه در سایت های تجارت الکترونیکی مشاهده شده است

كه منجر به افزایش چشمگیر نرخ جستجوی صفحه و كاهش زیاد نرخ تبدیل می شود.

نرخ رها کردن سبد خرید می تواند تا 70 درصد باشد.

این مشکل حتی برای دستگاه های تلفن همراه هم بدتر است ، جایی که نرخ رها کردن می تواند به بالای 97 درصد برسد.

سرعت بارگذاری وب سایت شما نه تنها بر نرخ تبدیل شما تأثیر می گذارد ، بلکه تأثیر مستقیمی روی رتبه Google شما نیز دارد.

گوگل در سال 2010 اطلاعیه ای را ارائه داد که در آن شرح داده می شود

که چگونه سرعت بار وب سایت ها و وبلاگ ها بر رتبه گوگل تاثیر می گذارد غول جستجوگر می گوید

سرعت  بارگذاری تجربه خوبی را برای کاربر ایجاد می کند که برای تجارت شما (و همچنین گوگل) مفید است.

Google ابزارهای مختلفی را ارائه داده است كه می توانید از آنها برای سنجش كاركرد صفحات وب خود و همچنین ابزاری استفاده كنید

تا به شما در تشخیص دلایل بار كم آهسته و راه حلهای آنها كمك كند.

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

از آنها برای اندازه گیری سرعت بار وب سایت و وبلاگ استفاده کنند.

مطلب مرتبط :وبمستر چیست ؟

ابزار های تست سرعت بارگذاری

آموزش سئو سایت / سئو سازی سایت / خدمات سئو سایت /تعرفه سئو سایت / بهینه سازی سایت /سه سوت وب سئو سایت /استخداغم سئو سایت/این ابزارها برای انجام طیف گسترده ای از اندازه گیری های عملکرد مرورگر مانند پروفایل Chrome ، محک API و غیره طراحی شده اند.

Performance Tooling

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

DOM Monster by Amy Hoy and Thomas Fuchs

PerMap by Mark Zeman

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

Can-I-Use

ابزاری را ارائه می دهد که بررسی می کند ویژگی جدیدی که می خواهید

برای پیاده سازی کار کنید در مرورگرهای پشتیبانی شده است یا خیر.

می توانید از آن برای فناوریهای جلویی وب CSS، HTML5، SVG، JS API استفاده کنید.

تست های بهره روی

ابزاری که بینش سرعت صفحه را با کیفیت ارائه می دهد.

Google PageSpeed Insights

Web Page Test Tools

GT Metrix

برای مشاوره می توانید از مهندس امید خدابخشی کمک بگیرید

ابزارهای نحو کد css 

این ابزارها ساختار کد CSS شما را تجزیه و تحلیل می کنند و توصیه هایی را برای رفع مشکلات موجود ارائه می دهند.

مثال خوبی از آمار CSS.

ابزارهای نظارت

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

و اطلاعات مفیدی را در مورد چگونگی تأثیر ساختار کد آنها بر عملکرد کلی وب سایت خود به برنامه نویسان می دهند.

یک مثال خوب ، Speed Curve است.

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

اینها برنامه هایی هستند که باعث می شوند تصاویر بدون اینکه کیفیت تصویر را کاهش دهند ، فضای کمتری را روی دیسک می گیرند.

Image Optimaze

Lazyload

مطلب مرتبط:

کسب و کار اینترنتی و دلایل استفاده از آن

ادامه مطلب

Gtmetrix و حل مشکلات آن

 GTmetrix چگونه سئوی سایت را بهبود میبخشد

Gtmetrix ابزاری برای تحلیل سرعت صفحه سایت میباشد که بسیار محبوب و همچنین رایگان است

که توسط افراد متخصص در GT.net یک شرکت میزبانی وب مستقر در ونکوور ساخته شده است.

 

آنچه این ابزار را بسیار محبوب کرده است این است که داده های درجه بندی شده

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

هدف از این مقاله شناسایی متداول ترین گزینه ها و مواردی است

که هنگام استفاده از GTmetrix ممکن است ظاهر شود پس در ادامه با ما همراه باشید

Gtmetrix  در واقع یک ابزار رایگان عالی از طرف گوگل برای انجام تست سرعت سایت است

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

ما واقعاً امیدواریم که شما از سایت GTmetrix لذت ببرید ،

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

نحوه خواندن گزارش عملکرد GTmetrix:

بیایید با داشبورد گزارش شروع کنیم –

این قسمت مربوط به نحوه عملکرد URL شما است:

PageSpeed ​​– این درجه نشان دهنده درجه ای است که صفحه شما بر اساس معیارهای Google دریافت می کند.

PageSpeed ​​– این درجه نشان دهنده درجه ای است که صفحه شما بر اساس معیارهای Google دریافت می کند.

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

در مثال بالا ، نمره PageSpeed ​​ما 72٪ (درجه C) است، بنابراین نیازی نیست

برای بهبود سایت مان روی این گزینه کار کنیم بهتر است وقت مان را روی المان های دیگر جهت ارتقای سایت بگذاریم

 

نمره YSlow ما 81٪ (درجه B) است که ایده آل نیست

اما برای دستیابی به امتیاز 90٪ (A  باید درجه) فقط لازم است  موارد کمی را تغییر دهیم.

 

مجموعه بعدی از نتایجی که در Gtmetrix باید در نظر بگیریم عبارتند از:

مربوط به “جزئیات صفحه”

مربوط به "جزئیات صفحه"

   1.زمان کاملاً بارگذاری شده

نشان دهنده مدت زمان مورد نیاز برای تبدیل شدن صفحه شما در مرورگر آزمون است.

 

   2.اندازه کل صفحه

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

 

   3.درخواست ها

این تعداد درخواست های HTTP شخصی است که توسط سایت شما از طریق اسکریپت ها ، CSS و غیره ایجاد می شود.

 

توصیه های صفحه

حال اجازه دهید نگاهی به مواردی بیندازیم که بیشترین تأثیر را در سرعت صفحه شما دارند،

و مراحلی که می توانید برای اصلاح آنها بردارید.

 

بهینه سازی تصاویر در Gtmetrix

تصاویر حداقل 60٪ از وزن کل صفحه را تشکیل می دهند ، بنابراین تصاویر بدون بهینه دلیل اصلی بارگیری صفحات به کندی است.

تصاویر حداقل 60٪ از وزن کل صفحه را تشکیل می دهند ، بنابراین تصاویر بدون بهینه دلیل اصلی بارگیری صفحات به کندی است.

همانطور که مشاهده می کنید برای این بخش F نمره گذاری کردیم

اما می توانیم با استفاده از افزونه ای مانند Smush یا حتی بهتر با استفاده از ShortPixel این مسئله را برطرف کنیم.

 

شاید تاکنون برایتان پیش آمده است که

تصاویری را که خیلی بزرگ یا خیلی کوچک هستند را در سایتتان بارگذاری می کنید،

اما مرورگر شما سعی در تغییر اندازه آنها میکند.

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

 

بنابراین ترفند ارائه تصاویر مقیاس یافته ای “درست” است.

 

تغییر مسیرها را به حداقل برسانید

تغییر مسیرها معمولاً هنگام تغییر URL یک صفحه اتفاق می افتند و

صفحه قدیمی را به صفحه جدید هدایت می کنید. اگر سایت شما دارای ده ها تغییر مسیر باشد،

می تواند سرعت سایت شما را به شدت تحت تأثیر قرار دهد.

 

راه حل ساده در اینجا جلوگیری از استفاده از تغییر مسیرها

در وهله اول با یادگیری بهترین روشها برای ساختار URL است.

 

اگر قبلاً دسته ای از تغییر مسیرهای زنجیره ای را داشته باشید،

می توانید از افزونه ای مانند تغییر مسیر برای بریدن چندین تغییر مسیر در یک واحد استفاده کنید.

 

این مطلب از اهمیت بسیاری برخوردار است و باعث بهبود کیفیت

ساختار اتصال داخلی سایت شما می شود و “آب پیوندی” در ردیف های زنجیره ای طولانی از بین می رود.

برای پیدا کردن کلمات کلیدی می توانید مقاله زیر را بخوانید

 

در CSS ،Gtmetrix و JS را به حداقل برسانید

در CSS ،Gtmetrix و JS را به حداقل برسانید

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

حتی یک فضای خالی به اندازه یک بایت است ، بنابراین کم کردن پرونده های CSS ، JavaScript و HTML می توانند

اندازه پرونده را کاهش داده و باعث افزایش سرعت صفحه در این فرآیند شوند.

 

اکثر افزونه های ذخیره سازی رایگان حداقل برخی از قابلیت های کوچک سازی را ارائه می دهند،

اما WP Rocket بهترین گزینه های پرداخت شده در آنجا است.

 

توجه داشته باشید که اگر شما نخواهید نمی توانید از افزونه حافظه پنهان استفاده کنید ،

Cloudflare، همچنین CSS و Javacript را در سطح CDN به حداقل می رساند.

Inline CSS And JS in Gtmetrix

Inline CSS And JS

بهترین روش در بهینه سازی سرعت سایت معمولاً ترکیب اسکریپت ها از چندین صفحه به

یک اسکریپت منفرد است که می تواند بصورت غیر همزمان و همزمان بارگذاری شود.

 

اما اگر اسکریپت ها فقط از چند خط کد تشکیل شده باشند،

گاهی اوقات می توان آنها را منطقی تر کرد تا آنها را در صفحه قرار دهید.

 

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

اما اگر هنوز سبز است ، آن را نادیده بگیرید ، زیرا زمان بارگذاری صفحه زیاد نمی شود.

 

 تعویق تجزیه JavaScript در Gtmetrix

تعویق تجزیه JavaScript

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

دلیل این است که همه عناصر <<script>> باید قبل از سایر عناصر صفحه بارگیری شوند،

حتی اگر این فقط کد Google Analytics شما باشد.

این موضوع به “مسدود کردن رندر” معروف است.

و اغلب توسط پلاگین های ضعیف وردپرس ایجاد می شود.

می توانید این مشکل را با ویژگی “Aggregate JS-files” به صورت عالی (و رایگان) برطرف کنید.

 

Leaching Browser Caching

ذخیره سازی مرورگر جایی است که مرورگر محتوای یک سایت را به صورت محلی ذخیره می کند

ذخیره سازی مرورگر جایی است که مرورگر محتوای یک سایت را به صورت محلی ذخیره می کند

به طور معمول چیزهایی مانند تصاویر یا سایر داده های بزرگ.

 

با این کار مرورگر موجب ارسال درخواست HTTP برای آن ها به سرور می شود.

 

می توانید حافظه نهان مرورگر را با پیاده سازی یک افزونه حافظه پنهان رایگان مانند W3 Total Cache سازمان دهی کنید.

 

 

 

بعضی از میزبان ها مانند Siteground یا Kinsta راه حل ذخیره سازی خود را ارائه می دهند،

بنابراین ابتدا آن را با ارائه دهنده خود بررسی کنید زیرا راه حل های آنها معمولاً برای راه اندازی سرور خود متناسب است.

در Gtmetrix،فشرده سازی Gzip را فعال کنید

در Gtmetrix،فشرده سازی Gzip را فعال کنید

یک شبکه تحویل محتوا اساساً یک کپی از سایت شما را در سرورهای مختلف در نقاط مختلف دنیا ذخیره می کند.

انجام این کار تضمین می کند که شخصی که در فرانسه زندگی می کند،

هنگام مشاهده محتوای شما در سرور مستقر در ایالات متحده، هیچ تاخیر قابل ملاحظه ای را تجربه نکند.

 

 

سربرگ منقضی شده را اضافه کنید

Head Header” “یک قطعه کوچک از کد در سایت شما است که به سرور می گوید

که دیگر از نسخه ذخیره شده صفحه استفاده نکند و به جای آن بارگیری جدیدی را انجام دهد.

اگر محتوایی دارید که خیلی مواقع تغییر نمی کنند ، این گزینه حتما بر رویشان فعال می شود

 

می توانید نحوه اجرای “سربرگ منقضی” را در اینجا بیاموزید.

 

توجه: انجام نادرست این عمل می تواند صفحه ی سایت شما را “خراب” کند بنابراین باید مراقب باشید.

 

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

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

کوکی (Cookie) یک فایل است. فایلی که روی کامپیوتر یا موبایل یا تبلت شما ذخیره می شود.

برای اینکه چنین فایلی روی کامپیوتر شما ذخیره شود، باید سایتی که در حال بازدید از آن هستی،

از مرورگر شما تقاضا کند که چنین فایلی را ایجاد کند.

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

به این ترتیب هرچه کوکی های بیشتری از صفحه شما به مرورگرها تحویل داده شود،

صفحه ی سایت شما کندتر می شود که در این بخش نمره Yslow برای شما منعکس می شود.

 

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

 

 

 

با این حال ، اگر برای سرویس هایی مانند تبلیغات فیس بوک،

Google Analytics یا سایر موارد از کوکی ها استفاده می کنید، به خاطر سرعت سایت ، آنها را کاهش ندهید. ارزشش را ندارد.

 

از خطای HTTP 404 (یافت نشد) جلوگیری کنید

از خطای HTTP 404 (یافت نشد) جلوگیری کنید

مدیران سایت می دانند که باید از هدایت کردن کاربران به صفحات “شکسته” جلوگیری کنند،

اما متاسفانه این اتفاق برای با تجربه ترین مدیران سایت ها هم میفتد.

 

برای ردیابی خطای 404 در سایت خود می توانید از افزونه چک کننده یا نسخه رایگان Screaming Frog crawler استفاده کنید.

 

جستجوی DNS را کاهش دهید

جستجوی DNS زمانی است که سایت شما برای یافتن آدرس IP فعلی یک وب سایت می بایست از یک سرور DNS پرس و جو کند.

 

تعداد انگشت شماری از جستجوی DNS مشکلی ایجاد میکنند،

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

 

اگر این مورد در سایت شما باشد ، باید تعداد جستجوی DNS را که سایت شما ایجاد می کند ، کوتاه کنید.

 

آبشار

این نمودار نشان دهنده تک تک درخواست های سایت شما، از جمله پرونده های رسانه ای ، JavaScript ، CSS و غیره است.

این نمودار نشان دهنده تک تک درخواست های سایت شما، از جمله پرونده های رسانه ای ، JavaScript ، CSS و غیره است.

نکته جالب در مورد ویژگی “آبشار” این است که  چیزی که باعث کند شدن سایت شما می شود

و آنچه ممکن است باعث کندی سایت شما شود را حدس میزند

 

 

باندهای رنگی در Gtmetrixاین معنی را دارند:

Teal – جستجوی DNS

قهوه ای – مسدود کردن

سبز – اتصال

قرمز – ارسال

بنفش – منتظر

خاکستری – دریافت

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

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

اگر کمی به پایین حرکت کنیم می توانیم بخش های بزرگی از قهوه ای را مشاهده کنیم:

بنابراین راه حل آسان برای این مشکل خاص ، تجزیه و تحلیل هر دو نوع پرونده با استفاده ازافزونه Autoptimize

هر یک از این بخش های قهوه ای نشان می دهد که سایر عناصر صفحه تا زمانی که

این عناصر JS و CSS بارگیری نشوند ، قادر به بارگیری نیستند.

 

بنابراین راه حل آسان برای این مشکل خاص ، تجزیه و تحلیل هر دو نوع پرونده با استفاده از

افزونه Autoptimize ، و به حداقل رساندن آنها با یک افزونه caching مانند WP Rocket است.

مقاله مرتبط : آموزش تولید محتوا و اصول سئو برای بهبود سایت 

 

 

 

 

 

ادامه مطلب

آموزش تولید محتوا و اصول سئو وب سایت

چگونه سئو سایت را بهینه کنیم؟

چگونه وب سایت خود را برای سئو(SEO) بهینه سازی کنیم؟

اگر وب سایت خود را از نظر سئو بهینه سازی نکرده باشید به احتمال زیاد بازخورد های کمتری از سمت موتور های جستجو دریافت می کنید.

اگر سایت شما دارای سئو بهتری باشد، بازدید کننده های بیشتری دریافت می کند و در نتیجه امکان دریافت مشتری های بیشتر افزایش پیدا می کند.

نکات و راهکار های بیان شده در این مقاله به شما آموزش می دهد چگونه وبسایت خود را برای سئو و …. بهینه سازی کنید.

قبل از هر چیز بپردازیم به دلایل نیاز به بهینه سازی سایت.

اصلا چرا به بهینه سازی سایت نیاز داریم؟

در اینجا 5 دلیل برای شروع بهینه سازی سایت و انجام این بهینه سازی به صورت مداوم بیان شده است

همچنین می توانید مطالعه کنید:سئو سایت خود در را در 8 مرحله بهینه سازی کنید

1.آموزش تولید محتوا و سئو برای جذب مشتری 

چگونه وب سایت خود را برای سئو(SEO) بهینه سازی کنیم؟

گاهی اوقات با وجود مقالات بسیار عالی در وب سایت خود کماکان احساس میکنید

که رتبه بندی سایت خود با الگوریتم های گوگل در تضاد می باشد.

ممکن است با وجود مقالات بسیار عالی شما اما کماکان در رتبه بندی های گوگل جایگاه پایین تری به دست آورده و

یا بعد از آپدیت الگوریتم های گوگل تعداد بازدید کننده به سایت شما کاهش پیدا کند.

(یکی از دلایل نیاز به بهینه سازی مداوم سئو همین آپدیت های الگوریتم های گوگل می باشد.)

مسئله اصلی اینجاست که با وجود اینکه اهداف شما و گوگل یکی است اما گوکل میلیون ها وبسایت

را آنالیز و بررسی میکند اما شما فقط مشتریان خود رابررسی می کنید.

گوگل بر اساس بیش از 200 سیگنال رتبه بندی برای تصمیم گیری جایگذاری نتایج بر روی صفحه اول جستجواستفاده می کند.

الگوریتم های گوگل دقت دقیقی به سیگنال های ارسالی از  وب سایت ها دارد.

وقتی شما بر روی سئو تمرکز می کنید درحقیقت شما  کلید واژه های منطقی و مرتبط با جستجو ها را انتخاب می کنید.

به بیان ساده شما مقالاتی مفید و جذاب نگارش می کنید که برای خواننده ها جذاب می باشد،

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

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

2.افزایش بازدید به سایت خود جهت بهبود سئو

چگونه وب سایت خود را برای سئو(SEO) بهینه سازی کنیم؟

دو راه برای افزایش بازدید به سایت خود وجود دارد.

کسانی که از طریق تبلیغات به سایت شما وارد می شوند

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

با بررسی های صورت گرفته کمتر از 2 درصد از بازدید های سایت از طریق لینک های تبلیغاتی صورت گرفته

در صورتی که تقریباً نزدیک به 15 درصد از بازدید های سایت ار طریق ورود به واسطه موتورهای جستجو می باشد.

لذا وقت و پول خود را بر روی افزایش بازدید طبیعی نه افزایش بازدید از طریق تبلیغات قرار دهید.

(از طریق ورود کاربر توسط جستجو با موتور های جستجو)

 

 

3. برای بهبود سئو از ترافیک ورودی به وب سایت خود استفاده کنید

چگونه وب سایت خود را برای سئو(SEO) بهینه سازی کنیم؟

بعد از هدایت کاربران به وبسایت خود باید بر روی محتوای وب سایت خود دقت کنید تا سئو سایت تان بهبود بیابد.

سعی کنید اثری مثبت بر روی خواننده خود گذاشته و کاری کنید که باز به وب سایت شما سر بزنند.

بر روی رابط کاربری سایت خود تمرکز کنید سعی کنید سرویس هایی که کاربر نیاز دارد را در مکان هایی قرار دهید

که دسترسی کاربر به آن راحت تر باشد.

به عنوان مثال اگر کسی در لیست ایمیل سایت شما ثبت نام کند

شما می توانید آخرین تخفیف ها، پیشنهادات جدید، را ارسال و بازدید طبیعی بیشتری به سایت خود ایجاد کنید.

حتی می توانید آخرین اخبار سایت خود را در شبکه های اجتماعی گذاشته و کاربران را ترغیب به دنبال کردن شبکه اجتماعی کنید.

 

و از طریق شبکه اجتماعی بازدید کننده های بیشتری را به سایت خود جذب کنید تا سئو سایت تان بهبود بیابد

 

4.کاری کنید وب سایت شما سخت تر کار کند

چگونه وب سایت خود را برای سئو(SEO) بهینه سازی کنیم؟

تماس با مشاور دیجیتال مارکتینگ

ادامه مطلب