• Skip to primary navigation
  • Skip to main content
  • Skip to footer
لوگوی وب برتر

وبلاگ وب برتر

  • طراحی سایت حرفه ای
  • خدمات سئو
  • خدمات وردپرس
  • طراحی سایت
  • وردپرس
  • سئو
  • سئو چیست ؟
  • وردپرس چیست ؟
  • اطلاعات تماس
You are here: Home / سئو / چند دستورالعمل برای تعیین صفحه وب و اندازه فایل

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

 

حجم  صفحه سایت عامل مهمی در تعیین میزان بهینه سازی سایت شما است. موتورهای جستجو مانند MSN، Yahoo و Google زمان بارگذاری را بیشتر و بیشتر در مورد بهینه سازی موتور جستجو و امتیازات کیفیت PPC در نظر می گیرند، و اندازه فایل مطمئناً بر زمان بارگذاری وب سایت شما تأثیر می گذارد.

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

داده ها در مورد متوسط ​​صفحه وب و اندازه فایل

داده‌های زیر از گزارشی با عنوان «پرتره یک صفحه وب رایج HTML» که با استفاده از یک موتور رندر HTML که WebSeer نامیده می‌شود جمع‌آوری شده است:

میانگین اندازه HTML (iframes شامل): 25k

متوسط ​​اندازه فایل های تصویری
JPEG: 11.9k
GIF: 2.9k
PNG: 14.5k

میانگین اندازه اسکریپت های خارجی: 11.2k

اندازه متوسط ​​اندازه سبک خارجی: 17k

اندازه متوسط ​​کل صفحه وب، از جمله HTML، فایل های تصویری، فلش، اسکریپت ها و سبک ها: 130k

 

با در نظر گرفتن این داده‌ها، سازندگان «پرتره یک صفحه وب رایج HTML» هشدار دادند که مؤلفه‌هایی مانند تصاویر CSS، صفحات قاب‌بندی شده (به استثنای فریم‌های داخلی)، اشیاء رسانه‌ای که از برچسب‌های جاسازی استفاده نمی‌کنند، وارد نشده‌اند. در این تحلیل موارد دیگری وجود دارد که باید هنگام در نظر گرفتن استفاده از این داده ها به عنوان دستورالعملی برای ایجاد صفحات وب و فایل های تصویری خود در نظر بگیرید…

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

 

فشرده‌سازی و کاهش قیمت GZIP تکنیک‌هایی هستند که می‌توانند برای کمک به بارگذاری سریع‌تر صفحات «سنگین‌تر» در مرورگر کاربر وب استفاده شوند.

 

فشرده سازی Gzip چیست؟

فشرده سازی Gzip چیست؟
فشرده سازی Gzip چیست؟

فشرده سازی Gzip یکی از فعالیت های سمت سرور است که در صورت فعالسازی، میتواند سرعت لود صفحات را برای کاربران کاهش و بهبود دهد. این نوع فشرده سازی، با کم کردن حجم فایل های سایت، در حجم صفحه و لود کلی صفحه، تاثیر بسیار زیادی میگذارد. البته در نظر داشته باشید که امکان فشرده سازی فقط برای فرمت های به خصوصی مثل فایل های HTML، CSS و JavaScript امکان پذیر است. یعنی امکان فشرده سازی تصاویر و ویدئوها وجود ندارد. برخی از وبسایت های بزرگ نیز از فشرده سازی Gzip برای سایت‌مپ (Sitemap) وبسایت خود استفاده می کنند.

 

 

این نوع فشرده‌سازی صفحه هنگام اجرای گزارش ذکر شده در بالا روشن نمی‌شد و بنابراین اگر از فشرده‌سازی به درستی استفاده شود، صفحات بزرگ‌تر از 130 هزار همچنان می‌توانند زمان بارگذاری کارآمدی داشته باشند. در واقع، فشرده سازی فایل می تواند اندازه صفحات وب را تا 70 درصد کاهش دهد.

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

همه اینها بدون اینکه کاربر وب از آنچه اتفاق می‌افتد آگاه باشد انجام می‌شود، بنابراین فشرده‌سازی و کاهش قیمت GZIP می‌تواند راه‌حلی محتاطانه برای جلوگیری از اینکه اندازه صفحات وب شما مانعی برای زمان بارگذاری شما باشد، باشد.

مواردی که باید در مورد اندازه متوسط ​​فایل تصویر در نظر بگیرید

برخی پسوندهای رایج تصاویر در وب
برخی پسوندهای رایج تصاویر در وب

منبع تصویر: filestack.com

بسیاری از اعداد مربوط به فایل های تصویری متوسط ​​به این دلیل است که فایل های تصویری معمولاً توسط توسعه دهندگان وب استفاده می شوند.

برای مثال، تصاویر GIF کمترین اندازه متوسط ​​فایل را داشتند، به احتمال زیاد به دلیل استفاده از آنها برای آیکون های رنگی مسطح و فاصله ها.

دومین اندازه کوچکترین فایل تصویر JPEG بود که عمدتاً برای عکس ها، تصاویر محصول و سایر تصاویری که لحن نرم تری دارند استفاده می شود. در نهایت، تصاویر PNG و SWF بیشترین حجم متوسط ​​فایل را داشتند، اما کارآمدتر در نظر گرفته می‌شوند زیرا PNG کیفیت بالاتری را حفظ می‌کند و با استفاده از فشرده‌سازی فایل، می‌توان آنها را بسیار سریع تحویل داد.

 

فهرست پسوندهای تصاویر:

گرافیک رستری یا گرافیک پیکسلی یک نوع روش ذخیره سازی و تولید تصاویر دیجیتال می‌‌‌ باشد که در آن تصاویر از مجموعه از واحد های کوچک پیکسلی تشکیل می شود.
تصاویر رَستر که اغلب به آنها تصاویر بیت مپ نیز گفته میشود تصاویری هستند که از هزاران و یا میلیون ها مربع کوچک (پیکسل) ساخته شده اند. برای تشخیص تصاویر رستر یا بیت مپ کافیست از فاصله نزدیک به آنها نگاه کنید یا به عبارتی روی آنها زوم کنید .

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

مزایای تصاویررستر (پیکسلی) :

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

معایب تصاویر رستر (پیکسلی) :

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

Common Raster Image File Formats
JPG
PNG
GIF
WEBP
TIFF
PSD
RAW
BMP
HEIF
INDD
JPEG 2000
Common Vector Image File Formats تصاویر برداری که با بزرگ شدن تصویر کیفیت تغییر نخواهد کرد
SVG
AI
EPS
PDF

اگرچه فایل‌های CSS و جاوا اسکریپت خارجی به عنوان بخشی از اندازه‌گیری متوسط ​​صفحه وب در نظر گرفته نشدند، اما مشخص شد که میانگین اندازه فشرده نشده آن‌ها 28.7k است.

بسیاری از توسعه‌دهندگان وب از فایل‌های CSS خارجی استفاده می‌کنند تا بتوانند تغییرات طراحی را به نحو مؤثرتری انجام دهند، و بارگذاری فایل‌های CSS همزمان با بارگذاری صفحه HTML که CSS به آن متصل است، انجام می‌شود.

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

چیزی که برای آینده باید در نظر گرفت: نقش فناوری

در زمان نگارش این مقاله، آمار بالا نشان دهنده اندازه متوسط ​​HTML، CSS و فایل های تصویری است و بنابراین راهنمای خوبی برای تعیین اندازه صفحات وب شما ارائه می دهد.

با این حال، با پیشرفته‌تر شدن فناوری‌های مرورگر وب و سرورهای اینترنتی، این احتمال وجود دارد که اندازه فایل‌ها و صفحات وب بزرگ‌تر بتوانند به طور مؤثر ارائه شوند.

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

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

مطالب پیشنهادی

برترین تمرکز SEO در سال 2022 بر چیست؟

برترین تمرکز SEO برای سال 2022 چیست؟ روندها می آیند و می روند – اما در حال حاضر، متخصصان سئو باید روی چه چیزی تمرکز کنند؟ ، متخصصان سئو به دنبال یک گلوله جادویی هستند. پس از  سالها ، من همچنان امیدوار هستم که تکنیکی را بیابم که به طور خودکار یک سایت را برای […]

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

نکاتی برای رتبه بندی وب سایت شما آیا می خواهید سایت جدید خود را در گوگل رتبه بندی کنید؟ مطمئن نیستید که کدام استراتژی بهتر عمل می کند؟ بهینه سازی وب سایت شما برای نتایج جستجو می تواند یک فرآیند طولانی و پیچیده باشد، اما کارهای زیادی وجود دارد که می توانید در این راه […]

چگونه نفر اول گوگل باشم؟

75 درصد از مردم هرگز در جستجوی گوگل از صفحه اول عبور نمی کنند، حدود 36 درصد کلیک ها مربوط به نفر اول گوگل است، این حجم انبوهی از بازدیدهای رایگان که ارمغان رتبه 1 گوگل است. کلمات کلیدی مرتبط را انتخاب کنید ایجاد محتوای با کیفیت بالا بهینه سازی جستجوگرها در صفحه بهینه سازی […]

ارتباط کلمات کلیدی یا کلمات کلیدی مرتبط Keyword relevancy چیست؟

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

ارتباط کلمه کلیدی: راز سئو برای رتبه بندی بالاتر امروز

ارتباط کلمه کلیدی چگونه دید ارگانیک را  در کسب و کار خود توسعه می دهید؟ اگر می خواهید کسب و کار خود را به طور مؤثر بازاریابی کنید، باید ذهن مخاطبان هدف خود را در ذهن خود قرار دهید. خوشبختانه، کلمات دقیقی که افراد جستجو می کنند می توانند بینش هایی را در اختیار شما […]

Reader Interactions

دیدگاهتان را بنویسید لغو پاسخ

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

Footer

آموزش های جامع

  • سئو (SEO) چیست؟ راهنمای جامع
  • راهنمای جامع انتخاب و خرید دامنه
  • آموزش کامل سئو سایت برای مبتدیان
  • آموزش کامل سئو تصاویر و عکس
  • خدمات سئو، افزایش ترافیک را به درآمد تبدیل کنید.

آخرین مقالات

  • برترین تمرکز SEO در سال 2022 بر چیست؟
  • بهترین نکات برای رتبه بندی وب سایت جدید شما در گوگل
  • چگونه نفر اول گوگل باشم؟
  • ارتباط کلمات کلیدی یا کلمات کلیدی مرتبط Keyword relevancy چیست؟
  • ارتباط کلمه کلیدی: راز سئو برای رتبه بندی بالاتر امروز
  • 5 خطای مرگبار بازاریابی آنلاین
  • چگونه محتوا بر رتبه بندی سئو تاثیر می گذارد
  • نحوه یافتن و استخدام تولید کننده محتوای خوب
  • چگونه بهترین استراتژی های ترافیک را برای سایت خود تعیین کنید
  • چگونه محتوا و ساختار سایت خود را برای حداکثر نتایج SERP متمرکز کنید
  • 5 راه برای شناسایی و رفع آدم خواری کلمات کلیدی
  • 10+ راه رایگان برای رسیدن به صفحه اول گوگل
  • 9 روش ساده برای بالا بردن نتایج موتور جستجوی سایت شما
  • 4 نکته که باید در مورد بهینه سازی نرخ تبدیل بدانید
  • آیا به متخصص سئو نیاز دارید؟

اطلاعات تماس وب برتر

آدرس : تهران – خیابان وزراء – پائین تر از بیمارستان مهرگان و بالاتر از پارک ساعی – پلاک ۱۰۸ – مجتمع ولیعصر ۱ – واحد ۱۴۳

تلفن های تماس :
۰۲۱۸۸۱۹۳۶۹۱ – ۰۲۱۸۸۱۹۳۶۹۲ – ۰۲۱۸۶۰۸۴۸۰۶ – ۰۲۱۸۶۰۸۴۸۲۱

فکس : ۰۲۱۸۶۰۸۴۸۲۱

ساعات کاری
۱۰ تا ۱۹ همه روزها به غیر جمعه و روزهای تعطیل

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

 

بهترین راه پیش بینی آینده ، ساختن آینده است …

وب برتر ارائه دهنده خدمات دیجیتال مارکتینگ با بیشترین رضایت مندی مشتری در ایران (تهران Tehran). طراحی سایت ، طراحی فروشگاه اینترنتی ، سئو و بهینه سازی ، تبلیغات و بازاریابی اینترنتی .

Website design & SEO In Tehran, IRAN

وب برتر، آژانس دیجیتال مارکتینگ در تهران، ارائه خدمات طراحی سایت، سئو، پشتیبانی و ادمین سایت.