A couple of pictures I collected from the net - if it helps 
Please - click on each picture, then again to zoom, and then scroll down
or use download and view it on some local image viewer.
21 Likes
if someone asks what is better / more correct
to print a copyright year 2000 - 2019 in website or just 2019
Include a trailing slash when pointing to your website
Omitting the trailing slash on links pointing to your website, whether from external sources or from within your own website, has an adverse impact on speed.
When you visit a URL without the trailing slash, the web server will look for a file with that name. If it doesnāt find a file with that name, it will then treat it as a directory and look for the default file in that directory.
In other words, by omitting the trailing slash, youāre forcing the server to execute an unnecessary 301 redirect. While it may seem instantaneous to you, it does take slightly longer !
https://example.com (this is bad)
or
https://example.com/services (this is also bad)
vs
https://example.com/ (this is good)
or
https://example.com/about/ (this is also good)
7 Likes
None of the images, linksā¦ are showing. By the way, our web site is impressive. Iām stunned how fast the pages load with all the graphics.
3 Likes
Hi buddy
maybe admin does something about my mail so Iāll wait
if that is not the case - I will edit the post to be visible again. Thanks for the information 
the problem is cache/thumbn. and hereWasAlinkFor-googleapis-ButNowIsChangedGlobally
Iām glad your site is good and you are satisfied
btw. view my website how fast is with tone of things it contains (link in BIO)
The upload storage was moved yesterday but apparently some links were not properly updated. Iāve copied the files back to the old storage, but now it seems the tumbnails have been messed up. The posts are currently being rebuilt which I hope will solve the issue.
3 Likes
thank you - SOLVED
1 Like
OxyDac, Iām sorry, I made a typo āour web siteā was supposed to be āyour web site is impressiveā. I looked up your website a couple days ago. Was surprised to see youāre using .cf domain on such a tailored site. The million dollar question is how are your complex graphically packed pages being painted so fast? It appears your whole website is cached, ready for immediate display.
As for my website, added for Mobile:
'<'meta name=āviewportā content=āwidth=device-width, initial-scale=1.0ā>
Iām Floating a 410x72 png inside top banner, rather than positioning (3) elements simultaneously using:
@media all and (max-width: 616px) { ā¦
Looking for better caching configuration, mobile ready analysis reported my website has a weight of 1260kb. That doesnāt seem excessive, does it?
Yes, Iām looking for āTips for quality website designā.
1 Like
warning to other readers !
what Iām going to say here and especially the cloudflare stuff is just about my website
wrong use of page rules, etc. especially in dynamic pages will make you trouble
Hi @swagler
my site uses something called grid system
the thing is complex but start here
and then if it is a mobile device i just display certain elements in a particular grids (CSS and %for scaling)
my site is 10+ years old
much of the knowledge I gathered during those years and of course website was polished for years
so you do not have to wonder or compare your website with it.
I made page rules in cloudflare and cache ALL (even html)
https://support.cloudflare.com/hc/en-us/articles/200172256-How-do-I-cache-static-HTML-
If you want to include also the www variant here (cache) then add * in front of the domain
also all my website code passes without error in the validator https://validator.w3.org/
CSS is v3 standard and also passes validator The W3C CSS Validation Service
I also use a rocket loader (cloudflare)
for images - nothing special except that they are optimized with the service https://tinypng.com/
most of the JS is inside one file except in the case of specific things when I could not do it (quiz and animated woman)
all CSS and JS is compressed
JS HTML Compressor - Reduce the size of HTML, CSS, JavaScript, PHP and Smarty code.
CSS (adv. css3 rules) https://csscompressor.com/
all Fonts and icons is woff2 standard and optimized
I do not use huge packs like Font Awesome because there is no purpose to load 300+ icons and I use only 10 in my website
so i use this service and pick just what I need IcoMoon App - Icon Font, SVG, PDF & PNG Generator (add icons at bottom)
favicon https://realfavicongenerator.net/
QR Unitag | Home of QR | The free QR code generator
my site uses jquery and lots of visuals rely on it also all JS plugins
I also use jqueryUI but just tabs (custom build - small size)
USEFUL:
no, itās OK
btw. you can make a logo with some online service
TEST:
you use Firefox like me so we need use this test (from chrome) https://www.webpagetest.org/lighthouse
test 2 https://developers.google.com/speed/pagespeed/insights/
test 3 https://varvy.com/
4 Likes
Wow, thanks for great info. I reduced body content from 960px to 800px and created 800x450 downsized screenshots to initial load, using āView Imageā to reference full size images. That cut weight to 649kb.
Your Cloudflare guide will probably solely do the trick, for my website is totally static.
I read a post you participated in regarding phpbb. Is it WordPress plugin only?
Is offered as low level HTML code?
Iām not ready to add comments, but interested. Whatās your opinion of phpbb?
2 Likes
phpbb is forum (engine)
you can always add a subdomain like forum.yourdomain.com (like infinityfree and this forum)
and then just link that forum in menu inside of your mainDomain)
so you have separated the active things from the static ones
Whatever you do, you should first ask yourself:
"It is worth investing my time in it
and which result will be in the final ?? "
I think that no one will say anything intelligently in that comments inside of your website
or ppl will ask you there āwhy does not it work for me?ā
which will further refute people and there are spam bots and you also need recaptcha
in the end you will be the one 
who comments on your website
(falsely presenting as someone else) and praises your programs so that people have the feeling that it is vivid on your site but actually you have less than 10 visits per day
trust me - you do not need the comments part
maybe you need FAQ section or CONTACT (mail)
so if some user have a problem or suggestion to be able to contact you
@swagler Iām constantly telling you stuff which needs to be fixed on your website
and you can get the wrong impression that all you do is bad or wrong
I hope it is not so but if you need motivations, trust me that Iām pleasantly surprised by the speed at which you master all that and how fast you learn !
1 Like
Yeah, I donāt think I need comments, Iāve added contact info. Itās funny, Iāve posted my apps on several programming forums ectā¦ over the years, also distributed via Google Drive. I disabled public downloads of Google Drive after creating website, and get 8+ requests a week for permission to download, I then write back informing of new website. But yeah, most just download without bothering to comment.
I added Cloudflare rule, huge improvement, paints immediately.
Buddy, I only appreciate your advise. Iām a mechanical, later an Architectural designer since 1977, worked on CAD systems since 1986, been writing Windows software since 2004. So to me, this is just another related discipline.
3 Likes
Rocket Loader at Cloudflare is a pay service right? If not, how do I configure it?
1 Like
No ,but if you donāt have javascript than it is useless
3 Likes
Iāll keep Rocket Loader in mind, lol donāt have any JavaScript yet.
i see you use .cf domain. You see no need to get a .com or .net?
btw, I see you play guitar? So do I.
1 Like
A very long time agoā¦A few people asked me: āWhy donāt you have a real website?ā
Iām amazed, ask them āwhat you mean I donāt have?!ā
-Well, you donāt have that .com at the end
-Omgā¦ So if I donāt have it my website isnāt real?
Then a few years passedā¦So the same question came again, but now for other side of a address
-Why donāt you start the address with www as a all real sites???
omg againā¦
Here are a few citations from ancient discussions:
I think most people are used to having www. in front of a url. If they even notice it, I think it will confuse them not having that.
Iāve seen some sites that redirect to m.example.com if youāre accessing them from a phone. Do you think people are getting confused by that?
Youāre describing a world where everybody expected a website to end in .com, and if not that, then maybe a handful of others. That world is changing; what will peopleās expectations be in the future?
The thing is, www prefix was never a requirement. It came about as a convention to very specifically indicate that www.example.com = web server, and ftp.example.com = ftp server, etc.
Thereās no real reason to do it, other than convention from the early days. The CNAME restriction is really the only technical gotcha, and this is slowly becoming a non-issue with DNS services like Route 53 that now allow CNAME on roots.
I just find it odd that www is still considered a convention by some. If youāre redirecting the root to www anyway, there is no reason to use www. You may as well use hi.example.com
as your primary domain and just redirect example.com to hi.example.com. www has no intrinsic meaning, itās just a regular subdomain with DNS records like any other subdomain.
WOW - We have a lot of similarities, Iām so glad 
My website doesnāt have many visits
so I donāt need any of that
Itās a simple private site that uses everything that is free
3 Likes
Well, you answered my question. InfinityFree is lucky to have a knowledgeable contributor as you participating, offering guidance in their forum. You should ask Admin to pin a Development category, in which you and other advanced developers can head up. I know the majority login to post InfinityFree issues, but a Development section would be a breath of fresh air, a great asset.
2 Likes
Thank you very much for those words I appreciate it
itās good that you ask a lot and make this subject much more interesting thx !
Mr. Admin also had the desire to make from this forum something like a webmaster hub.
but it is difficult to create/collect a critical mass
because 95% of users are beginners, and those who know more; they do not want to waste time because they are not paid for it.
I also greatly appreciate my life time and try not to lose it
I help those who show interest and will or at least tried to write a question with enough information
itās hard to help people here without enough information
beginners think itās just enough to declare āmy website does not workā
and that someone else would do a job for them.
they think that it can be only one problem ā¦ and in fact it can be at least 10 problems.
and writing every time all possible causes of the problem requires so many texts (essay every time)
and that is very tedious.
many users do not even give the URL of their site
they do not realize that I sacrifice my time
and every time I have to ask for the URL and more info from them
itās as if they come to the doctor and the doctor asks them:
Whatās your problem?
I feel pain!!!
ok where does it hurt you?
I do not knowā¦
So what did you last do before you started feeling pain?
nothingā¦
nothing?
yes! absolutely nothingā¦
and then after 10 posts it turns out that the user installed wordpress, he uses cloudflare,
also edited the .htaccess file, moved it all to https, etc.
we are like idiots who have to persuade users to get more information from themā¦
THEY do not understand that it is in their interest that their site begins to work properly
for me is absolutely irrelevant if their website is working or not 
Development category
script work and OOP require much more time, just to get to know the code, what it does, etc.
let alone to find the cause of the problem
if itās fun enough and the OP has enough knowledge, than It is known that admin, me or someone else can help, but time is the most valuable thing we all have and we do not waste it
https://infinityfree.net/support/can-i-contact-support-for-script-help/
several times I spent a couple of hours trying to help people when thay write something like:
āplease help !!! heeeelp !! My page does not do this and that, my theme does not workā
and then I tell them all problems in codeā¦ do this and that, change it there and there, here put xyxyyxy, blah, blahā¦
and after two days they completely changed website/plugins and did not use anything they asked for (topic and problems) or and what I told themā¦
what do you think how do I feel after that?
as an idiot who has lost a few hours of my life for someone who even does not know what he wants and actually just experimentingā¦
but everything seemed like he could not live without it
2 Likes
I agree about devoting time. What I had in mind, was a Development category, under which divided into two sections; āManaged Website Designā and āHTML Website Designā with moderators pinning essential guides at the top like this thread. I think of āOtherā category being photography, bicyclingā¦ The idea is so guides would have a place pinned, not buried over time in run-of-the-mill discussions.
At first, I was going to ask you if you knew of any good website design forums. But, between here and own research I got HTML site up quickly. With above, thereād be no need to repeat fundamental guides to every newcomer.
4 Likes
I just found Something when compressing my HTML and CSS files. Garbled characters appeared after compressing HTML. I found that HTML and CSS files should be saved as UTF-8 without BOM. After doing so, loading into compressor and setting Charset UTF-8 (and max-single line) in compression settings all is good.
Your thoughts?
.
4 Likes
there are various compression methods and depending on them javascript code can also be corrupted
because those programs are not perfect and sometimes they do not fully understand the original code
(if the original code does not end with ; or it is incorrect and non-standard written, etc.)
text editors especially notepad from windows want to insert BOM
my advice is to download notepad ++
64bit version is here Downloads | Notepad++
in installation procā¦ just next,next,next until is finished.
after installation do this
after that open Firefox
we will add notepad ++
so it calls when you right click in firefox and pick view source on some website
You can do this by changing 2 hidden preferences.
- Type about:config into the location bar and press enter
- Accept the warning message that appears, you will be taken to a list of preferences
- In the filter box type view_source
- Double-click on view_source.editor.external to change its value to true
- Double-click on view_source.editor.path and set it to C:\Program Files\Notepad++\notepad++.exe (if Notepad++ is stored elsewhere change that to where it is stored)
you can also use it in windows to right click and edit html, css, and much more ā¦ (color code is good)
4 Likes