Веб-страница не загружает новую версию, только после очистки кеша

Question

На моей веб-странице не загружается обновленная версия сама по себе, только после очистки кеша и происходит со всех компьютеров, которые видели более старую версию, те, которые не все ли в порядке, кто-нибудь сталкивался с чем-то подобным? У кого-нибудь есть идея, где проблема может быть? Код или браузер? Он работает с хромом и firefox, все в порядке с сафари. Любые мысли были бы очень полезны.

сайт: http://bodygym.lt

@media (min-width: 780px) { 
 
#kainosmobile {display: none !important;} 
 
} 
 

 
@media screen and (max-width: 1180px) { 
 
.woocommerce ul.products li.product .price {margin-right: 110px !important; float: left !important; margin-top: 15px !important;} 
 
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {display: block !important; margin-bottom: 0 !important; padding: 0 !important;} 
 
.woocommerce ul.products li.product .button {display: block !important; right: unset !important; left: 80px !important} 
 
} 
 

 
@media screen and (max-width: 780px) { 
 
#kainos {display: none !important;} 
 
#kainosmobile {display: initial !important;} 
 
.woocommerce ul.products li.product .price {margin-right: 19% !important; float: left !important;margin-top: 15px !important;} 
 
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {display: block !important; margin-bottom: 0 !important; padding: 0 !important;} 
 
.woocommerce ul.products li.product .button {left: 80px !important; right: unset !important;} 
 
} 
 

 
@media screen and (max-width: 440px) { 
 
div.wpb_wrapper.vc_custom_1469634122179 {padding: 15px !important;} 
 
.woocommerce ul.products li.product .button {left: 30% !important; right: unset !important;} 
 
} 
 

 
.wtrShtTimeTableEntryName {padding: 0 !important;} 
 
.wtrShtTimeTableItem tbody td {text-align: left !important;} 
 
.wtrShtTimeTableFitnessEntry a {color: #222 !important;} 
 
.wtrShtTimeTableItem .wtrShtTimeTableFrom {text-align: left !important;} 
 
.wtrShtTimeTableEntryTimePeriod {width: 69% !important;} 
 
.wtrShtTimeTableFitnessEntry {background: transparent !important;} 
 
.wtrShtTimeTableEntryTimePeriod {color: #666 !important; font-weight: 400 !important;} 
 
.wtrShtTimeTableEntryName {padding: 0 !important;} 
 
.wtrShtTimeTableFitnessEntry {color: #666 !important; font-weight: 400 !important; border-left: 1px solid #eb4c4c !important; border-radius: 0 !important; padding-left: 7px !important;} 
 

 

 
.woocommerce ul.products li.product .price {margin-right: 110px !important;} 
 
.woocommerce ul.products li.product h3 {line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0px !important;} 
 
.woocommerce-Price-amount.amount {font-weight: 400 !important;} 
 
.woocommerce ul.products li.product .button {font-weight: 400 !important; letter-spacing: 2px;} 
 
#abonementas {display: none !important;} 
 
#akcija {color: #ff3a49 !important;} 
 
#galioja {color: #888 !important; font-size: 11px !important;} 
 
#kainos .woocommerce ul.products li.product {margin-bottom: 0 !important; border-radius: 0 !important;} 
 
#kainos div.wtrPageContent.vcRow.wtrNoMargin.clearfix {background: #f9f9f9 !important; margin: 6% 6% 6% 6% !important; padding: 5px !important; border-radius: 10px !important;} 
 
#kainos .vc_custom_1477331591093 {padding: 0 !important;} 
 
#kainos .vc_custom_1477331604701 {padding: 0 !important;} 
 
#kainos div.woocommerce {border-bottom: 1px solid #ededed !important;} 
 

 
#kainosmobile .woocommerce ul.products li.product {margin-bottom: 0 !important; border-radius: 0 !important;} 
 
#kainosmobile div.wtrPageContent.vcRow.wtrNoMargin.clearfix {background: #f9f9f9 !important; margin: 6% 6% 6% 6% !important; padding: 5px !important; border-radius: 10px !important;} 
 
#kainosmobile .vc_custom_1477331591093 {padding: 0 !important;} 
 
#kainosmobile .vc_custom_1477331604701 {padding: 0 !important;} 
 
#kainosmobile div.woocommerce {border-bottom: 1px solid #ededed !important;} 
 
#kainosmobile div.woocommerce:nth-child(odd) {border-bottom: 0px solid #ededed !important;} 
 
#kainosmobile div.woocommerce:nth-child(8) {border-bottom: 1px solid #ededed !important;} 
 

 
.wrtAltFontCharacter {font-family: 'raleway' !important;}

Этот код не отображается на экране, хотя он будет загружен в http://www.bodygym.lt/wp-content/themes/symetrio-theme/style-custom.css?ver=4.6.1

Answer 1

Я столкнулся с аналогичной ситуацией с сайта Magento и это была проблема с кешем на стороне сервера. Я смог исправить проблему, перезапустив сервер кеша. Мне пришлось связаться с моей хостинговой компанией, чтобы они перезагрузились.

Answer 2

Пользовательские браузеры будут кэшировать ресурсы веб-сайта, включая изображения, файлы CSS и файлы JavaScript. Чтобы принудительно обновить, я расширил Magento, создав настраиваемый модуль, который позволяет указать номер версии для объединенных файлов CSS и JS. Каждый раз, когда я вношу изменения в CSS, я увеличиваю номер версии, которая изменяет имя файла и заставляет браузеры пользователей загружать новый файл.

и т.д./System.Xml

<?xml version="1.0" encoding="UTF-8"?> 
<config> 
    <sections> 
     <dev> 
      <groups> 
       <js> 
        <fields> 
         <js_files_version translate="label,comment"> 
          <label>JavaScript Files Version</label> 
          <comment>Increment this to force browsers to download the latest version, as this will change the filename of the files.</comment> 
          <frontend_type>text</frontend_type> 
          <sort_order>20</sort_order> 
          <show_in_default>1</show_in_default> 
          <show_in_website>1</show_in_website> 
          <show_in_store>1</show_in_store> 
         </js_files_version> 
        </fields> 
       </js> 
       <css> 
        <fields> 
         <css_files_version translate="label,comment"> 
          <label>CSS Files Version</label> 
          <comment>Increment this to force browsers to download the latest version, as this will change the filename of the files.</comment> 
          <frontend_type>text</frontend_type> 
          <sort_order>20</sort_order> 
          <show_in_default>1</show_in_default> 
          <show_in_website>1</show_in_website> 
          <show_in_store>1</show_in_store> 
         </css_files_version> 
        </fields> 
       </css> 
      </groups> 
     </dev> 
    </sections> 
</config> 

и т.д./config.xml

<?xml version="1.0"?> 
<config> 
    <modules> 
     <JustKampers_Core> 
      <version>1.0.0</version> 
      <depends> 
       <Mage_Core /> 
      </depends> 
     </JustKampers_Core> 
    </modules> 
    <global> 
     <models> 
      <core> 
       <rewrite> 
       <design_package>JustKampers_Core_Model_Design_Package</design_package> 
       </rewrite> 
      </core> 
     </models> 
     <blocks> 
      <justkampers_core> 
       <class>JustKampers_Core_Block</class> 
      </justkampers_core> 
     </blocks> 
     <helpers> 
      <core> 
       <rewrite> 
        <data>JustKampers_Core_Helper_Data</data> 
       </rewrite> 
      </core> 
     </helpers> 
    </global> 
</config> 

Модель/Дизайн/Package.php

<?php 

class JustKampers_Core_Model_Design_Package extends Mage_Core_Model_Design_Package 
{ 
    const XML_CONFIG_JS_FILES_VERSION = 'dev/js/js_files_version'; 
    const XML_CONFIG_CSS_FILES_VERSION = 'dev/css/css_files_version'; 

    /** 
    * Merge specified css files and return URL to the merged file on success 
    * 
    * @param $files 
    * @return string 
    */ 
    public function getMergedCssUrl($files) 
    { 
     // secure or unsecure 
     $isSecure = Mage::app()->getRequest()->isSecure(); 
     $mergerDir = $isSecure ? 'css_secure' : 'css'; 
     $targetDir = $this->_initMergerDir($mergerDir); 
     if (!$targetDir) { 
      return ''; 
     } 

     // base hostname & port 
     $baseMediaUrl = Mage::getBaseUrl('media', $isSecure); 
     $hostname = parse_url($baseMediaUrl, PHP_URL_HOST); 
     $port = parse_url($baseMediaUrl, PHP_URL_PORT); 
     if (false === $port) { 
      $port = $isSecure ? 443 : 80; 
     } 

     // versioning 
     $version = Mage::getStoreConfig(self::XML_CONFIG_CSS_FILES_VERSION); 

     // merge into target file 
     $targetFilename = md5(implode(',', $files) . "|{$hostname}|{$port}|{$version}") . '.css'; 
     $mergeFilesResult = $this->_mergeFiles(
      $files, $targetDir . DS . $targetFilename, 
      false, 
      array($this, 'beforeMergeCss'), 
      'css' 
     ); 
     if ($mergeFilesResult) { 
      return $baseMediaUrl . $mergerDir . '/' . $targetFilename; 
     } 
     return ''; 
    } 

    /** 
    * Merge specified javascript files and return URL to the merged file on success 
    * 
    * @param $files 
    * @return string 
    */ 
    public function getMergedJsUrl($files) 
    { 
     // versioning 
     $version = Mage::getStoreConfig(self::XML_CONFIG_JS_FILES_VERSION); 

     $targetFilename = md5(implode(',', $files) . "|{$version}") . '.js'; 
     $targetDir = $this->_initMergerDir('js'); 
     if (!$targetDir) { 
      return ''; 
     } 
     if ($this->_mergeFiles($files, $targetDir . DS . $targetFilename, false, null, 'js')) { 
      return Mage::getBaseUrl('media', Mage::app()->getRequest()->isSecure()) . 'js/' . $targetFilename; 
     } 
     return ''; 
    } 
}