JS not loading properly after hosting site - html

I have hosted my site on AWS server and I am encountering with weird problem When I load my page for the first time files are loaded as below
When I reload the site folder structure becomes
which is correct.
Hence my site is not behaving properly for the first time. Images are missing. Can somebody tell why this is happening?

Related

Caching? div concerning images don't work on pc's that opened site first 3 hours after upload

Hi I'm kinda stuck on idea's to try to solve my problem since I don't have much experience concerning caches.
I'm currently working on this site of a business partner of me.
I got his host, username and password so I'm litterary working as him using Filezilla.
I downloaded the entire site content from filezilla into a desktopfolder.
I made a copy of it to work in and from there I made some changes in the .html and .css files.
In offline mode, everythings works perfectly as I want it.
Then I deleted the the sitecontent in Filezilla and replaced it with my changes.
Now the weird parts happen.
When I open the site online without www. prefix it works great
when I open the site online with www. prefix I can't see the images that are
placed within div's that purely concern the image
When a pc opened the site in the first 3 houres it was online, the div's don't
work
Also later on that specific pc can't make the div's to work
Pc's that opened the site only after these 3 houres have no problem at all
I've tried replacing the stylesheet and wait a couple hours, but caches seem to be made. and the result stays the same.
However this is no problem for the avarage customer since for them the site works, you can see what a hell this may be for me as developer and the owner, who offcourse opened the site right after I put it online.
Any suggestions might be usefull.
In most of the browsers you can use F12 shortcut to see the developer tools. In Network tab you can see all files that are currently being loaded. You can see there if the file is being loaded from the server or from the local machine.
By pressing CTRL+F5 (in Chrome and think in Firefox too) you are forcing cache to refresh.
If the PC is still loading in a cached version of the site, you can refresh the page and delete the cache by holding Control + F5.
Seems like I found the source of the problem.
I was using the css from a bought template which has some coding that malfunctions when ftp-uploading using ASCII
Uploading Binary solves the problem
The reason the did work on some computers was that they had the old css still cached. which was earlyer uploaded in binary instead of the same css files i uploaded in ASCII.

Page loads on local but doesn't on a host/server

So I've been trying some HTML templates out and I've spent 4 hours editing this certain template. It ran perfectly just for loading index.html --> Chrome.
Once I uploaded the site to my hosting I noticed that the site keeps getting stuck on the loading screen.
I wanted to past the whole index.html file but I couldn't so I uploaded it here:
http://pastebin.com/raw/P6Z2Qvd9
Since I cannot paste the whole index code here, I've also uploaded all the files to my hosting so you can view the website:
http://ziiran.xyz/notepad/

Joomla Site is too slow on Firefox, but normal on other browser

I have this site http://consyn.com/ in Joomla 2.5
I am having big trouble figuring out that why this site is too slow to load in Firefox, everytime browser hangs for 2 or seconds then loads it.
It loads normally in Google Chrome.
I have tried disabling Maps on the homepage but it has no affect.
Can someone suggest me what can i do?
As i analyze your problem in Firefox each and every website before the load not apply the style(css,js etc..)
but the other browser applied it that's why this website hang in Firefox but not other at starting time.
As you mention in your Question in chrome this website not load but after some time its also load in my computer.
As a solution in your Joomla 2.5 anywhere you search
QuotaService.RecordEvent
named javascript file are there and that is the problem,this file always send to request to something get,actually that which type of data always want that i can't locate but you search this file and check your code and change it.

Favicon doesn't refreshes even after forced refresh

I built two websites on my localhost. I used one favicon for the first website.
Later when i started developing the second website. I copied first website and started working on it. I changed code and files for the second website.
But when I run the second website on my server why does it shows favicon from the first website?
I tried force refresh it, clear cache. But nothings helping.
Try clearing your browser cache but you might also consider setting up a named virtual host both sites.

Have to refresh page with HTML5 offline

I have written a HTML5 offline Application.
It works alright so far, but I have to refresh some pages to make them run right.
For example a network site:
The page is noted in the manifest file under NETWORK:.
I can access it, when I am online, when I go offline, it is still running,
even if I refresh the index.html.
Just if I refresh the network site, I shows me, that I'm offline.
A site that stores values (localstorage):
When I reach the site from index.html the stored values won't be shown.
After refresh the site runs like it should.
For the Link of the index.html I tried "data-ajax='false'" and "rel='external'".
This worked while online, but it didn't work when I was offline.
Thanks for your help.