سبد خرید شما خالی است |
بهبود سرعت بارگیری صفحات در طراحی سایت
سرعت وب سایت در طراحی سایت تأثیر زیادی بر تجربه کاربر، سئو و نرخ تبدیل دارد (نرخ تبدیل، یکی از معیارهای سئو است که موفقیت یک سایت تبلیغاتی با آن سنجیده میشود. این معیار به صورت درصد بیان میشود و نشان میدهد از میان تمام بازدیدکنندگان یک سایت، چند نفر اقدام به تماس یا خرید کردهاند.). بهبود عملکرد وب سایت برای جذب ترافیک به وب سایت و درگیر نگه داشتن بازدیدکنندگان سایت ضروری است. در اینجا مراحلی را که توسعهدهندگان میتوانند برای سریعتر ساختن وبسایت انجام دهند، مرور میکنیم:
تست عملکرد وب سایت
تست سرعت وب سایت عملکرد یک وب سایت را ارزیابی می کند. آزمایش منظم یک وب سایت می تواند به توسعه دهندگان کمک کند تا کاهش یا بهبود عملکرد را پیگیری کنند. یک تست سرعت همچنین باید به توسعه دهندگان کمک کند تا برخی یا همه مناطقی که عملکرد وب سایت را کاهش می دهند و مناطقی که برای بهبود هستند را شناسایی کنند.
تعداد زیادی تست سرعت سایت با کیفیت بالا برای اندازه گیری عملکرد وجود دارد که بسیاری از آنها رایگان هستند مانند . WebPageTest.org که چندین آزمایش رایگان دارد و جزئیات دقیقی از سرعت بارگیری عناصر منفرد یک صفحه ارائه می دهد. WebPageTest.org همچنین به توسعه دهندگان اجازه می دهد تا وب سایت ها را برای دستگاه های مختلف و سرعت اتصال به شبکه آزمایش کنند.
گوگل همچنین PageSpeed Insights را برای آزمایش دقیق عملکرد ارائه می دهد. Google Chrome DevTools همچنین می تواند به توسعه دهندگان در ارزیابی عملکرد سایت خود کمک کند. Network Tab تمام درخواستهای HTTP، حجم داراییهای درخواستی و مدت زمانی را که درخواستها طول میکشد تا برآورده شوند را نشان میدهد.
استفاده از CDN (شبکه تحویل محتوا)
CDNها سرعت وب سایت ها را با ذخیره محتوا در مکان های مختلف در سراسر جهان افزایش می دهند. سرورهای کش CDN معمولاً در نزدیکی کاربران نهایی نسبت به میزبان یا سرور مبدا قرار دارند. درخواستها برای محتوا بهجای تمام راهها به سرور میزبان، به سرور CDN میرود، که ممکن است هزاران مایل و در چندین شبکه مستقل از کاربر باشد. استفاده از CDN می تواند منجر به کاهش شدید زمان بارگذاری صفحه شود .
بهینه سازی تصاویر
تصاویر درصد زیادی از ترافیک اینترنت را تشکیل میدهند و اغلب زمان بیشتری را برای بارگذاری در یک وبسایت میبرند، زیرا فایلهای تصویری از نظر اندازه بزرگتر از فایلهای HTML و CSS هستند. خوشبختانه، زمان بارگذاری تصویر را می توان از طریق بهینه سازی تصویر کاهش داد . بهینهسازی تصاویر معمولاً شامل کاهش وضوح، فشردهسازی فایلها و کاهش ابعاد آنها میشود و بسیاری از بهینهسازهای تصویر و کمپرسورهای تصویر بهصورت رایگان در دسترس هستند.
کمینه سازی فایل های CSS و JavaScript
کمینه سازی کد به معنای حذف هر چیزی است که رایانه برای درک و اجرای کد به آن نیاز ندارد، از جمله نظرات کد، فضای خالی و نیم ویرگول های غیر ضروری. این باعث می شود فایل های CSS و جاوا اسکریپت کمی کوچکتر شوند تا سریعتر در مرورگر بارگذاری شوند و پهنای باند کمتری اشغال کنند. به خودی خود، کوچک سازی تنها به حداقل بهبود سرعت منجر می شود. با این حال، اگر در کنار این نکات دیگر اجرا شود، عملکرد وب سایت بهتری را به همراه خواهد داشت.
در صورت امکان تعداد درخواست های HTTP را کاهش دهید
اکثر صفحات وب به مرورگرها نیاز دارند تا چندین درخواست HTTP برای دارایی های مختلف در صفحه، از جمله تصاویر، اسکریپت ها و فایل های CSS ایجاد کنند. در واقع بسیاری از صفحات وب به ده ها مورد از این درخواست ها نیاز دارند. هر درخواست منجر به یک رفت و برگشت به سرور میزبان منبع می شود که می تواند به زمان بارگذاری کلی یک صفحه وب اضافه کند. علاوه بر این، با بارگیری منابع از چندین ارائهدهنده مختلف، مشکل در یکی از میزبانها میتواند بر توانایی صفحه وب برای بارگیری سریع یا اصلاً تأثیر بگذارد.
به دلیل این مشکلات احتمالی، تعداد کل دارایی هایی که هر صفحه برای بارگیری نیاز دارد باید به حداقل برسد. همچنین، آزمایش سرعت باید به شناسایی درخواستهای HTTP کمک کند که بیشترین زمان را میگیرند. به عنوان مثال، اگر تصاویر باعث می شوند صفحه به کندی بارگذاری شود، توسعه دهندگان می توانند به دنبال راه حل سریع تری برای میزبانی تصویر (مانند CDN) باشند.
از کش کردن HTTP مرورگر استفاده کنید
حافظه پنهان مرورگر یک مکان ذخیره سازی موقت است که مرورگرها کپی هایی از فایل های ثابت را ذخیره می کنند تا بتوانند صفحات وب اخیراً بازدید شده را با سرعت بیشتری بارگیری کنند، به جای اینکه نیاز به درخواست مکرر محتوای مشابه داشته باشند. توسعه دهندگان می توانند به مرورگرها دستور دهند تا عناصر یک صفحه وب را در حافظه پنهان ذخیره کنند که اغلب تغییر نمی کنند. دستورالعملهای کش مرورگر در سرفصلهای پاسخهای HTTP از سرور میزبان قرار میگیرد. این مقدار دادههایی را که سرور باید به مرورگر منتقل کند بسیار کاهش میدهد و زمان بارگذاری را برای کاربرانی که مرتباً از صفحات خاصی بازدید میکنند کوتاه میکند.
گنجاندن اسکریپت های خارجی را به حداقل برسانید
هر عنصر صفحه وب اسکریپتشده که از جای دیگری بارگیری میشود، مانند سیستمهای نظردهی خارجی، دکمههای CTA یا پنجرههای بازشوی نسل اول، باید هر بار که صفحه بارگیری میشود، بارگیری شود. بسته به اندازه اسکریپت، اینها می توانند سرعت صفحه وب را کاهش دهند یا باعث شوند صفحه وب به یکباره بارگیری نشود (به این حالت "پرش محتوا" یا "تغییر طرح" گفته می شود و می تواند به ویژه برای کاربران تلفن همراه خسته کننده باشد).
در صورت امکان از redirects استفاده نکنید
Redirects زمانی است که بازدیدکنندگان یک صفحه وب به جای آن به صفحه دیگری هدایت می شوند. Redirects ها چند کسری از ثانیه یا گاهی حتی ثانیه های کامل را به زمان بارگذاری صفحه اضافه می کنند. هنگام ساخت یک وب سایت بهینه سازی عملکرد، هر ثانیه اهمیت دارد. redirects ها گاهی اجتناب ناپذیر هستند، اما در صورت لزوم نباید از آنها استفاده کرد.
۱۴۰۲/۰۳/۲۰ ۰ نظر
مطالب مشابه
مطلبی برای نمایش وجود ندارد
ارسال نظر
آیا می توان یک وب سایت را صرفاً با HTML و CSS ساخت؟
۰ نظر ۱۴۰۲/۰۶/۰۵HTML (زبان نشانهگذاری فرا متن) و CSS (ورق استایل پیوسته) ابزارهایی هستند که برای توسعه یک صفحه وب استفاده میشوند. HTML بر روی...
آیا می توان یک وب سایتی بدون CSS و فقط با HTML ساخت؟
۰ نظر ۱۴۰۲/۰۶/۰۵HTML یا زبان نشانهگذاری فرامتن برای ایجاد چارچوب یا اسکلتی برای یک صفحه وب استفاده میشود، اما آیا این کافیست برای ساخت یک وب ...
آیا می توان کد HTML را از یک وب سایت کپی کرد؟
۰ نظر ۱۴۰۲/۰۶/۰۵شما میتوانید کد HTML را از یک وب سایت کپی کنید. از طریق عملکرد Inspect Element در مرورگرهای وب، کاربران میتوانند ...
آیا میتوانیم از طریق پایتون یک وبسایت ایجاد کنیم؟
۰ نظر ۱۴۰۲/۰۶/۰۵در این مقاله، ما به بحث میپردازیم که آیا میتوانیم یک وب سایت را از طریق پایتون کد نویسی کنیم و یک فرآیند مرحله به مرحله برای کد ...
موارد استفاده از وب 1.0، وب 2.0، وب 3.0
۰ نظر ۱۴۰۲/۰۵/۲۶وب 1.0 به عنوان یک CDN (شبکه تحویل محتوا) عمل می کند و به شما امکان می دهد بخشی از وب سایت در وب سایت نمایش داده شود. در نتیجه می توان از آن به ...
سرعت وب سایت در طراحی سایت
طراحی سایت
سرعت وب سایت
تست عملکرد وب سایت
استفاده از CDN
کمینه سازی فایل های CSS و JavaScript
نظرات
نظری برای این مطلب درج نشده