sogol

تجزیه فایل استایل و تاثیر آن بر روی کش

3 پست در این موضوع قرار دارد

سلام دوستان

فرض کنید یک سایت دارای فایل style.css باشد. حال این فایل را به فایل های header.css - side.css - post.css - footer.css تقسیم می کنیم. یعنی به ازای هر یک از بامس های صفحه یک فایل استایل اختصاص می دهیم. و البته یک فایل هم برای بخش های مشترک مثلا share.css

حالا سوالات من این است

1 - آیا چنین چیزی ممکن است؟ که البته خودم فکر می کنم بله

2 - این تقسیم بندی چه اثر مثبت و یا منفی به روی کش دارد؟

3 - این تقسیم بندی چه اثر مثبت و یا منفی بر روی سرعت لود شدن سایت دارد؟

css,cache,استایل,قالب

1

به اشتراک گذاری این پست


لینک به پست

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

---------------------------------------------------------------------

1- بله ، ممکن است ، میتونید استایل های دیگه رو ایمپورت کنید داخل استایل اصلی

3- منفی ، هرچه تعداد درخواست ها کمتر باشد ، سرعت لود شدن بالا تر است.

------------

جواب سوال 2 رو مطمئن نیستم اما به احتمال 90% منفی هستش

5

به اشتراک گذاری این پست


لینک به پست

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

کل css و جزئیاتش در سئو نقش چشمگیری ندارند ولی چون تقریبا قابل فهم ترین بخش سئو هستند و کاربر تغییراتشون را سریع درک می کنه در بین سئوکاران مهم شده اند و الا ربات های جستجو گر اصلا کاری با قالب و استایل ها ندارند بلکه بعد از نام و خلاصه ی محتوا و کلمات کلیدی به چند تگ مثل h1 و h2 کاردارند حالا هر استنایلی که داشته باشه برای یک ربات که قرار نیست شکل سایت رو ببینه فرقی نمی کنه

5

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط shayan.m
      سلام
      وقت بخیر
      در فوتر سایت دوستم اگر اشتباه نکرده باشم 4 یا 5 تا ابزارک هست چطوری تعداد ابزارک های فوتر 3 تا کنم و یک اندازه مثل سایت میهن وردپرس
      آدرس سایت دوستم
      srcabad.com
      میخوام مثل فوتر سایت میهن وردپرس تعداد ابزارک های فوتر 3 تا شود و یک اندازه مثل سایت میهن وردپرس
    • توسط shayan.m
      سلام
      وقت بخیر
      ابعاد عرض سایت دوستم نمی دونم چند هست ولی میخوام به 1280px به صورت صحیح و کامل و ریسپانسیو تغییر پیدا کند باید چی کار کنم؟
    • توسط shayan.m
      سلام
      وقت بخیر
      موقعیت سایدبار سایت من هم صفحه محصول و صفحه نوشته ها سمت چپ می باشد میخوام موقیعت سایدبار هر دو سمت راست باشد؟؟
    • توسط shayan.m
      سلام
      وقت بخیر
      دوستان عزیز مشاهده وب سایت میهن وردپرس کنید در قسمت فوتر وب سایت میهن وردپرس یک قسمت هست با نام اجتماعی باشیم می خواهم با توجه به تصویر زیر و اون سایت دقیق و مثل تصویر زیر انجام بدید من کد نویسی بلد نیستم یکی از دوستان لطفا بهم کدش بده و بگه کجا قرار بدم درست کند و بهم بده
      مرسی مرسی مرسی مرسی مرسی مرسی
      مشابه تصویر زیر:

    • توسط samira127

      من یک اسلایدر زدم با jsولی نمیشه وقتی اسلاید میشه ب صورت scrollو ul  نه اسلایدی اینم کد html

      <div class="col-12 col-md-6 pb-0 pb-md-3 pt-2 pr-md-1">
                          <div id="featured" class="carousel slide carousel" data-ride="carousel">
                              ّ <div id="dots" class="carousel-indicators">
                                  <span class="dot active" data-target="#carousel-example-generic"></span>
                              </div>
                              <div id="slider">
                                  <!--Item slider-->
                                  <?php
                                  $args = array(
                                      'posts_per_page' => 5,
                                      'cat' => 10,
                                  );
                                  $query = new WP_Query($args);
                                  ?>
                                  <?php if ($query->have_posts()) : ?>
                                  <?php $i = 0; ?>
                                  <?php while ($query->have_posts()) : $query->the_post() ?>
                                  <div class="slide active">
                                      <div class="card border-0 rounded-0 text-light overflow zoom">
                                          <div class="position-relative">
                                              <!--thumbnail img-->
                                              <div class="ratio_left-cover-1 image-wrapper overflow">
                                                  <a href="<?php the_permalink(); ?>">
                                                      <?php
                                                              $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false);
                                                              ?>
                                                      <?php the_post_thumbnail("w-100 img-thumbnail mx-auto d-block overflow"); ?>
                                                  </a>
                                              </div>
                                              <div class="position-absolute p-2 p-lg-3 b-0 w-100 bg-shadow">
                                                  <!--title-->
                                                  <a href="<?php the_permalink(); ?>">
                                                      <h2 class="h3 post-title text-white my-1"><?php the_title(); ?></h2>
                                                  </a>
                                                  <!— meta title —>
                                                  <div class="news-meta">
                                                      <span class="news-author">by <a class="text-white font-weight-bold" href="<?php the_permalink(); ?>"><?php the_author(); ?></a></span>
                                                      <span class="news-date"><?php the_time('d‌ F‌ Y'); ?></span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <?php endwhile ?>
                                  <?php endif ?>
                                  <?php wp_reset_postdata(); ?>
                                  <!--end item slider-->
                              </div>
                          </div>
                          <!--end carousel inner-->
                          <!--navigation-->
                          <a class="carousel-control-prev prev" href="#featured" role="button" data-slide="prev">
                              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                              <span class="sr-only">Previous</span>
                          </a>
                          <a class="carousel-control-next next" href="#featured" role="button" data-slide="next">
                              <span class="carousel-control-next-icon" aria-hidden="true"></span>
                              <span class="sr-only">Next</span>
                          </a>
                          <script type="text/javascript">
                          </script>
                      </div>

      اینم کد js

      var slide = document.getElementsByClassName('slide');
      var dot = document.getElementsByClassName('dot');
      var prev = document.querySelector('.prev');
      var next = document.querySelector('.next');
      var n = 0;
      var i;
      function disno(){
          for( i = 0 ; i<slide.length ; i++){
              slide.style.display = 'none';
          }
      }
      function no_active(){
          for( i = 0 ; i<dot.length ; i++){
              dot.classList.remove('active');
          }
      }
      next.addEventListener('click',function(e){
          e.preventDefault();
          n++;
          if( n > slide.length - 1){ // length starts From 1
              n = 0; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      })
      prev.addEventListener('click',function(e){
          e.preventDefault();
          n--;
          if( n < 0){ // length starts From 1
              n = slide.length - 1; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      })
      setInterval(function(){
          n++;
          if( n > slide.length - 1){ // length starts From 1
              n = 0; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      },3000)