Website loading issue - javascript

My developer coded the home page coming soon template. before now it was working fine the site was loading up but now it keeps loading.
I have created a screen cast video to clear the issue and share entire page code.
Here is the link Screencast

In Portfolio you have two images (res.png and pizza.png). Loading both of them require 7800ms. Your whole request is nearly 8700ms. (in my current environment/using my network connection). Those two images are 90% of your loading time.
You also have two resources that are required but not there:
cp.png
ff.png
Both of them being in that Portfolio folder.
Loading time
Loading time for res.png
Loading time for pizza.png
Red lines are 404 http responses (Not Found).

Related

Images not loading on chrome

I have a trouble with loading images on google chrome.
I am building a web site, i have built it in html.
When i run HTML file directly in browser it loads all files right away.
After splitting file into php files (to include header and footer and to load content on click) and moving to xampp for testing i have realized that images are not loading on google chrome every time.
I have tested HTML files via xampp, i get the same result, images are not loaded in chrome every time.
If i keep refreshing page, images load once, the next time some are loaded, some are not.
It works fine on Microsoft Edge and Mozilla Firefox.
Any solutions for this?

Wordpress returning half a response

Running out of ideas that could be causing this issue so just thought I would throw it out there.
I am currently developing a site based on Wordpress which has some search functionality powered by a web service. The web service returns a load of details of various residential properties, including absolute image paths which I am requesting and caching on first request.
I embedded RoyalSlider into the page to display the images in a form of gallery. This works brilliantly locally, but the issue I am seeing is when I stick the site onto a staging server. My page just fails silently whilst loading, halfway through loading my RoyalSlider thumbnails. I have checked the raw response from the server and indeed it appears that the response just stops halfway through loading all of my RoyalSlider images. But its a 200 response, no 404's, no console errors, nothing.
Oh and I should mention that if I set a break on my loop which renders my markup, i.e limit it to say, 10 iterations, the problem does not persist and the entire page loads (albeit with only 10 of my images loaded).
Does anybody have any idea what would cause something like this to happen?
Thanks in advance
The main cause of this issue was a difference in PHP versions. This should have been one of the first things I checked, as I was seeing problems in one environment and not in another - I had just complacently assumed I was on 5.3.
The php version on my staging server (5.2) seems to have had some kind of issue with my caching layer - although what that was exactly is still unclear (leaning toward something to do with output buffering as suggested above). Updated the php version on staging though and that appears to have fixed my issue.
Thanks for the ideas Adam!

How to download video in background HTML5 / JS

Is there a way to make a video download in the background (Possible on a different thread?) than I get my images and do webrequests?
Situation:
I show a video, video plays fine.
But, once I start getting 2 images at the same time from that server, the page won't response and will wait for my video to have finished loading, then it loads the images within a few seconds. (about 100kb per image).
If I try to open any other page on the same browser and the crashed page's server it won't load untill the crashed page is done loading, however any other site(For example google) will just load fine.
So is there a way to make the browser not want to download full video, or maybe just give priority to images?
This sounds like the server throttling your requests, as everything apart from scripts always load asynchronously in a browser.
It might be that you are only allowed so much bandwidth per second from the server - or so many connections - and that could be the reason why the server won't respond until your first request has finished.
Check your server configuration and perhaps have a play with it to exclude this possibility.
Maybe you can try a worker, it provides a way to execute background scripts (you will have to split your video and images in separate files), as you can see in the Use Cases it refers to "Prefetching and/or caching data for later use" as a possible scenario. Hope it helps.
More info here:
http://www.html5rocks.com/en/tutorials/workers/basics/#toc-examples

How to load image while the full content loads in webpage

Hi i have webpage taking too long to load due to acsx controls and DB calls. before loading the content , page took 3-4 secs leaving blank screen for users. So what is the best way , so that i can load a loading gif when it is taking 3-4 secs to get content from server. So that there will be no blank white page when user go to page
Have you thought about using a minifyer to compress your javascript? Like this one. Also Jeff Atwood wrote a blog post about HTTP compression and IIS6 you can read here.
Take a look a GZIP:
http://www.west-wind.com/weblog/posts/2007/Jun/29/HttpWebRequest-and-GZip-Http-Responses

Page stalls for a few seconds, then loads as normal

I recently moved a wordpress site over to a different server, but when the front page loads, it stalls for a few seconds, then process to load the page. Im not entirely well versed in web development. Any help?
http://phoenix-productions.tv/v2
Thanks,
Jeff
Static files (images, CSS, JavaScript, sound) are loading fine. It's your PHP page that can take up to 10-15 seconds to load. Without looking at the code it's difficult to debug, but take a look at your homepage code (maybe index.php or in some theme file) and check around the area where it echos out the client login image. Always seems to pause around there for a while.
Check PHP code near:
<img src="http://phoenix-productions.tv/v2/wp-content/themes/phoenix/style/social-client.png" style="vertical-align:middle">
Other options might include installing and setting up caching for your website. Try the default WP cache or a plugin called SuperCache.

Categories