McMarty
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
I thought JQuery was supposed to be the "light" version of JS or is that just from a coding standpoint and not from the library itself?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
As I recall, to make it accessible I want to use HTML and CSS and not use much JS
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
What do you mean? I'm pretty sure I can do a nested accordion with CSS alone. But if I do need Javascript, I assumed it would only be a handful of lines of code?
Likewise, to make a side drawer appear/disappear (i.e. my hamburger menu) I asuemd thatw as only a few lines of Javascript?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
Not to get too far into the weeds, but what is the easiest to learn and most lightweight version of Javascript that I can use for simle things like nested accordion menus, form validation, and simple things like that?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
Can I do what you described above with lightweight Javascript - ideally JQuery or something where I don't have to implement some huge JS library?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
So it won't interfere with semantic HTML and web crawlers and SEO?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
I dunno
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
I guess I think of JS as dymanically creating webpages versus them being hard-coded in HTML
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
My perception - right or wrong - is that JS obfuscates your semantic HTML and almost paints the webpage and you lose the semantic part. (Again, I've never learned JS - but want to this time)
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
I mean the structure of the larger page - JS won't obfuscate the semantic HTML? (Like I'm asking on a more normal web page where you'd have H1, H2, etc)
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
(I'm old-school and a big believer in proper semantic HTML web pages)
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
Will web crawlers be able to see my semantic HTML if it is packed away inside of JS?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
What about semantic HTML and all of that good stuff?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
So with your suggestion, I can use JS first and if JS fails then I can load HTML and have no issues?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
(Pardon my Javascript ignorance)
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
Seems like stuffing HTML inside Javascript is risky? Overkill? And what about semantics and SEO?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
What if someone has JS off?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
If I had a (mobile) navigation page like this...
**
Security News
Home > Security > News & Analysis > by Content-Type
∨ Written
1) Trending
2) News
3) Analysis
4) Briefs
**
then approximately how many KB would that be if it is just HTML and CSS?
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
Not knowing Javascript, but conceptually understanding your larger advice, I DO understand (a little) concepts like "lazy loading" and delayed loading where maybe you have a web page with lots of photos and text, so you use Javascript - or whatever - to load the text first and then in the background use Javascript - or whatever - to slowly load one photo at a time so that the user doesn't have to wait on the whole page loading before they can see/use it.
But what I am not following in your advice is how doubling my webpage file size by adding in all of this Javascript to do what I described helps in MY situation.
It's hard to see how adding Javascript could realistically help load say 10 hyperlinks on a menu faster than just serving them up with pure HTML.
176 replies
KPCKevin Powell - Community
•Created by McMarty on 4/27/2025 in #help
Making navigational page load quickly on mobile
Sorry for being obtuse, but please help me understand this - because I do not know Javascript. So you are saying that doubling my web page file size by adding in a bunch of Javascript so that instead of just loading a list of 10 hyperlinks with HTML, I instead double my code-base and let Javascript "feed" one hyperlink at a time to the user's browser and that is somehow faster in my simple use-case?
176 replies