Website slow because of a lot of images [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
My website is really slow because I have a lot of images.
Does somebody know a way to make it fast so I can keep all the images?

Use tiny png to compress you images and replace them with existing images as lower resolution images will helps the page to browse fast.
Place all your javascripts to bottom of you page and use deferred parsing of some javascripts that are not in use on initial load this will help you page to load first and unnecessary scripts will load later.
Try to minify all you js and css which will remove you file size as well as page size.
Above are some basic points we need to take care of while developing a website.
Read this tutorial too to learn more things about it http://learntocodewith.me/posts/make-your-website-fast/

Related

Background image not loading on web [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I have a website where it doesn't load the background images; however, it does load when I run it on my local host. Its only when I upload it to the web where it doesn't load. Not sure where the problem might be.
The problem is almost 100% in your image path.
I can't really help you untill I see the code, but one thing you can try is to add / in front of the folder and file names.
For example, if your image path on localhost is images/myImage.jpg, try to replace it with /images/myImage.jpg and see if it changes !

Online page is losing styling and edits compared to offline page [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I ran into a problem this evening that I don't really understand. I just uploaded some edits to a page on my site along with the updated CSS stylesheet and a new .js file, but a lot of the style is missing or not functioning properly.
Has anyone experienced this? And how do you suggest I debug this? I've tried to upload the pages again, but the same thing happens.
Also, just to clarify. The content is there but it is not displaying how it should, given the js and css commands.
1- hard refresh the page using Ctrl+F5 to void the web cache. The browser is probably reading the content from the cache. You can temporary rename the css file to force the browser loading new files.
2- Set expires for content (So visitors wont need to use hard refresh).
(How to set content expire)
3- Check The console to find if there is error about file addresses or other possible fails.

Should we put all css inside HTML document? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
I'm trying to make a Site enhancement.
The Bootstrap.min.css took 0.5 second to load complete to our website.
I thinks solve the 0.5 by place all minified CSS in my HTML Document (In production mode). It's a good idea for run-time enhancement ? Does it make HTML Engine slow to load the CSS ?
That depends on your page. Besides a zillion of factors that influence the page speed, two factors are most important in regards to your question.
bandwidth
amount of requests
If you have one of those single page angular websites for example, then putting all css into your html makes sense. This will reduce the amount of requests, while the bandwidth consumption stays the same.
If you have a "normal" website, with the user loading a new html page every time he clicks on a link, then its better to put the css into .css files, so he doesnt have to load the same information over and over again. This will increase the amount of requests, while dramatically reducing the bandwidth consumption (because of browser side caching of the css).
If you want to increase the speed of your website, look into caching, CDN's and tools like those explained here, which will guide you into the right direction: https://developers.google.com/speed/pagespeed/

HTML page editing [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
In an attempt to learn HTML, I thought it may be a good idea to edit some simple code. So, I navigated to what I figured was a simple layout on a website and copied the source to my desktop. I made minor changes and attempted then to reopen the HTML file in a browser to see the changes.
Instead of the same layout with a few minor adjustments, the entire scheme was deformed. The wording was all there(no longer formatted), but the background was now white and all the links appeared structrually in one column on the left side of the screen.
So, in essense, what is the best way to learn HTML and why didn't my attempt at editing work? Are there more files required than provded by a simple source save provides?
The HTML likely references things by RELATIVE PATH, e.g. a CSS File included with /styles/... not http://originaldomain.com/styles/... So if you just saved the HTML, none of the relative paths will resolve. Most browsers allow you to file --> save page as, which will copy not just the file but also the resources.
Try www.w3schools.com/html/ should give you a good start and a good understanding. Don't try and run before you can walk! And try learning CSS aswell
The file you needed was an external CSS file. It is linked to in the head of the document. This site is better than w3schools, www.w3fools.com
There are a lot of videos out there. Try www.reddit.com/r/learnprogramming
That community is much laid back and friendly!

I'm having some problems with a few images not loading but the rest are [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am working on a site and I am designing a landing page where you click on pictures and it will take you to a product page.
I have just hit a problem that I was asked to put a slider into the page above everything, I haven't yet started that and thought that i would upload the site for now to a test server to make sure everything is running OK.
Most of the page is but there are three images on one section (3/6) that just will not load. I've looked over the coding and cant seem to find any mistakes with the code.
You must provide some of your code referring to the images, then only someone can help you. Anyway there can be an issue that you were not providing the correct path for the image. Also, sometimes it happens issue with writing the format of the image in caps or small letter. It make work with image.gif but not with image.GIF for example. So, look into image property also and find the correct format.