Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
Like Tree2Likes
  • 1 Post By crst
  • 1 Post By m3n0tu18

Thread: Website doesn't load properly on live!

  1. #1
    Junior Member
    Join Date
    Sep 2017
    Posts
    1
    Member #
    57400
    Liked
    1 times

    Website doesn't load properly on live!

    Hi, I have just started developing for a few weeks now and I bought a domain, but when I upload the files on live, the website looks different than what I have uploaded. Now, this gets fixed when I clear my cache. The problem is that my visitors enter, they see the page in a way, and after I update it they see it as the previous version! Is there any possible solution for this? I don't want my visitors to clear cache every time I make a change on my website! I have html + css + bootstrap and jquery, but the css doesn't seem to update corectly unless I delete my cache......
    ragnar likes this.

  2.  

  3. #2
    Member
    Join Date
    Jul 2017
    Location
    south africa
    Posts
    41
    Member #
    57012
    Liked
    6 times
    If you are using chrome i know chrome likes to cache your css files even if you update them the same name wont insight a new update for a while as chrome assumes its the same file., a trick around this is to load a new css file but add a version to it , like Stylev1- ----> Stylev2.css , this will force chrome to abandon its cache ( since the name is different )and load the new css. , Dont forget to udate all files using that style sheet to the new link name. Ive had this problem before too its actually a known issue with chrome.

  4. #3
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,467
    Member #
    28473
    Liked
    265 times
    Hi crst,

    Ragnar is on the right lines, however you shouldn't need to rename the style.css file to a new file every single update to your CSS.

    The best way to do it is this way.

    style.css - This is your original file.

    style.css?v=1 - This is still using the same style.css file. However adding the ?v=1 tells the web browser to re render the website, pulling down a new version of the CSS.

    You can do this with Javascript files too.

    All you need to do is chang it from v=1 to v=2.1 etc etc etc until you are 100% live.

    Also another good tip is to use Incognito when you are developing. This will show you a completely uncached version of the website after each CTRL + F5 - It will save you tonnes of time with debugging etc.

    Hope this helps.
    ragnar likes this.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  5. #4
    Member
    Join Date
    Jul 2017
    Location
    south africa
    Posts
    41
    Member #
    57012
    Liked
    6 times
    And there i learn something too , chrome gave me issues with google plus account logins due to its cache properties. The incognito and ctrl F5 thing is a must lol i remember when i used to update my website css sheet , go look at it in chrome and see the same old website even after a refresh , i used to think my css sheets were broken or linked badly. Then after a few days it would be ok .... then the lights hit home for me. Im actually thinking of switching to Fire Fox but i dont doubt that that will have issues of its own, its always best to test on as many different platforms as you can , and im not talking about emulators.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com