test this plz, AJAX LOADING UPDATE

By: anon

major Ajax content loading update

> admin, wut is ajax content loading?

the javascript sends a get request to the page you want to go to. instead of making the entire page refresh, redraw, download and execute the javascript, css, etc. it only just redraws the content and menus

changes:

- fixes click handlers that didn't get set each page load (meaning left menu, and all thumbnails always use ajax content loading)

- setTimeout on some more things to try and linearly execute jquery functions instead of at once, getting rid of the browser lag between each page load. should make it faster than ever.

- ajax support for blocking users, channels, clearing viewed pages
this is really cool, if you block a user, channel, or clear/hide viewed pages, it doesn't refresh page
it only refreshes the menus

- better history / back button support
should always correct put the correct title, url in your history, back button should always work

- should be a good bit faster over all
going from page to page should be lightning fast, depending on your connection

- optimized php code to load most pages 50ms to 100ms faster

press f5 and do a full page refresh before testing

if you want to support this site by paying server bills, go to www.patreon.com/funnyjunk
sign-up to donate at least a dollar, then message me your account name and i'll mark your account as ad free and as a contributer.

+188

Views:	22488
Favorited:	3
Submitted:	01/06/2016

Share On Facebook

+Favorite Subscribe to admin

Comments(95):

Leave a comment Refresh Comments Show GIFs

1 2 3 >

[ 95 comments ]

Anonymous comments allowed.

56 comments displayed.

+63

#8 - krazzykidd (01/06/2016) [-]

I have no idea what any of this means, but good job Addy

#47 to #8 - anlbomber ONLINE (01/06/2016) [-]

Basically, less resources needed to load the page. Instead of loading the whole page again when switching to other content, it just reloads the frame it is displayed in.

+39

#25 - produktr (01/06/2016) [-]

#50 to #25 - steinway (01/06/2016) [-]

**** you beat me to it >>#49

#32 to #25 - admin [OP](01/06/2016) [-]

$.ajax !!!!!!!

+17

#33 to #32 - produktr (01/06/2016) [-]

#45 to #33 - admin [OP](01/06/2016) [-]

hey posttwo

#65 to #45 - posttwo

(01/06/2016) [-]

Lol

#44 to #33 - admin [OP](01/06/2016) [-]

i lol'd IRL

+29

#55 - Sewallman (01/06/2016) [-]

Every thumb this comment gets is worth a penny that i'll donate to admin each month through patreon.

#58 to #55 - tarabostes (01/06/2016) [-]

GIF

Breaking News: Sewallman is now thousands of dollars in debt.

#67 to #58 - elaxx (01/06/2016) [-]

>a penny
>per thumb

Doubt he'll get to $3.

#69 to #67 - tarabostes (01/06/2016) [-]

iz a joke , maybe if he posted it as content he'd get moar

#74 to #69 - Sewallman (01/06/2016) [-]

Yeah. I'll be doing that instead and adding the .16$

#75 to #74 - tarabostes (01/06/2016) [-]

+15

#2 - thenameschuck (01/06/2016) [-]

fake and gay

+11

#9 to #2 - admin [OP](01/06/2016) [-]

FJ IS NOT REAL

#43 to #9 - mudkipfucker (01/06/2016) [-]

that explains why no one visits anymore

#46 to #43 - admin [OP](01/06/2016) [-]

brb crying

#48 to #46 - mudkipfucker (01/06/2016) [-]

dont worry, im still here

#13 to #9 - thenameschuck (01/06/2016) [-]

I ******* knew it!

*puts on tinfoil hat*

-1

#26 to #9 - luxray ONLINE (01/06/2016) [-]

Hety. Draw me a custom avatar and ill hive a hundred on like the 16th. If i dont you can ban me

#23 to #9 - concetrationcamp (01/06/2016) [-]

so is your gf

#14 to #9 - thenameschuck (01/06/2016) [-]

is this supposed to happen?

#18 to #14 - anon (01/06/2016) [-]

have you never thumbed down anyone before?

#42 to #18 - thenameschuck (01/06/2016) [-]

cant say i thumb anything that often

#52 - professordolan ONLINE (01/06/2016) [-]

my internet is really **** but the pages still load fast. good job adimon

#56 to #52 - mentlgen (01/06/2016) [-]

Dude I run on .6 mbps and it loads fast compared to others.
Seriously, FJ is really well optimized nowadays.

Thanks addy

#66 to #52 - admin [OP](01/06/2016) [-]

your ****** internet is faster than most high speed in america =/

#68 - boarderlinegreat (01/06/2016) [-]

admin, didn't know you were a dutch soccer lover.

#49 - steinway (01/06/2016) [-]

k admin

#6 - murphyslawtesties (01/06/2016) [-]

***** , i'm drunk

#41 to #6 - pinstre (01/06/2016) [-]

shieeet, me too bro

#97 - foamytesquirrel (01/09/2016) [-]

Like how imgur does it?
I don't mean to berate you, I'm just curious

#87 - ploppin (01/07/2016) [-]

I thought you had this implemented since before, well.
Well done addy, soon you'll know how to traverse in js aswell.

#86 - kanatana (01/07/2016) [-]

#84 - okamiterasu (01/07/2016) [-]

Addy, i don't have adblock running, and yet i don't see ads. why

#83 - HobbsBear ONLINE (01/07/2016) [-]

Admin, I just wanted to say that I really appreciate all the updates you've been doing. All of the little issues I'd complain about before are completely gone. I can now be anti-social in the most convenient way.

Thank you, based-Admin.

#81 - anon (01/07/2016) [-]

would it hurt to use an animate() or fadeIn() in your 'success' call in ajax?i mean it would look smoother. You could also make browsing seem a bit faster by preloading the next 1-2 content/comment pages after the user finished loading this page (unless you prefer it like this because of traffic/bandwidth costs). Also saving the last 2 content/comment pages inside a hidden div would help you with less traffic and load times.

#82 to #81 - kapios ONLINE (01/07/2016) [-]

forgot to login

#85 to #82 - admin [OP](01/07/2016) [-]

why save last two div, already cached in client

and all those elements videos imgs would slow a browser

#88 to #85 - kapios ONLINE (01/07/2016) [-]

you're re-requesting a page's content (actual content & comments) through ajax, i know images are probably cached, but the rest of it is not,as far as i know. but you might be right, its not that important.

depending on the browser, it can be faster. youre basically loading a div with whatever inside, but there are no frames for the client's browser to actually show. it also starts loading only after the user has finished loading the original page they requested. then when they click next, its instantaneous. I can make some tests and show you the results if you want.

#91 to #88 - admin [OP](01/08/2016) [-]

for future content downloading i've thought about it but only if they haven't scrolled for like 5 seconds it might start downloading...

but it still wouldn't work for videos since downloading any sort of video lags browsers

#90 to #88 - admin [OP](01/08/2016) [-]

also for the few who use back button i dont think worth it

browsers can't handle many elements

#89 to #88 - admin [OP](01/08/2016) [-]

rememebr why firefox lagged and slowed down? because any video on the page slowed it massively

so it would greatly slow everything, bad idea m8

#92 to #89 - kapios ONLINE (01/08/2016) [-]

i actually did some tests and researched it a bit more. Youre right, even if the element css has "display: none", it still affects the browser (maybe at 95% instead of 100%) so its not worth the hassle. oh well

#95 to #92 - admin [OP](01/08/2016) [-]

also display none takes more cpu power to display then display block or something

for some reason

#94 to #92 - admin [OP](01/08/2016) [-]

yeah i had a lot of "hidden" comments as display none and it lagged the **** out of my linux ramdisk chromium browser and it renders fast as hell

i just stopped using display none almost entirely and dont show it at the server level

#93 to #92 - admin [OP](01/08/2016) [-]

i think the "next level" is using javascript to determine how fast the client / browser is

then showing less / more elements based on that

#96 to #93 - kapios ONLINE (01/08/2016) [-]

yeah i thought display: none would just put the node in the DOM tree and wouldnt render it until you wanted it to be displayed. but nope.

that was my next recommendation but i havent tested a client's power before. Ive only played with the bandwidth/ping etc. Its a good idea actually.

My first guess is you test it by waiting for the user to load the whole page (or not - maybe a specific div) and then make him send you the time it took them for some specific js/ajax executions or css transforms, etc. (there's probably a plugin already on github)