Portfolio with Flexslider Loading Speed

v6 had the ability do include:
``

This was needed on my portfolio page for instantaneous loading, otherwise flexslider required additional time and all items moved around after it was loaded.

v7 no longer has ability to include plugins.min.js, and I have lag with loading, visible on the flexslider items. I have tried specifying a few different javascripts in footer such as plugins.flexslider.js, trying to figure out what can speed things up, but have not had luck.

These are the comparisons in speed:

v6: https://www.aaronbonine.com/v6/portfolio.html

v7: https://www.aaronbonine.com/portfolio.html

Any idea what I can include in footer to replicate prior loading speed knowing that certain javascripts are needed for this Portfolio page with Flexslider?

That did not seem to resolve the issue. v7 page has CSS noted above currently.

v6 refresh loading still much smoother when citing plugins.min.js in footer.

And for what its worth, this page also has similar lag on item Morning Dew and other Flexslider items:
https://canvastemplate.com/portfolio.html (v6.6.5 had plugins.min.js in footer and little lag)

Any other ideas?

Thanks, unfortunately this also doesn't solve items shuffling around everywhere when loading (code live on page). Any other ideas? https://canvastemplate.com/portfolio.html

This seemed to work a little better and it appears key to get rid of scrambling the items related to flexslider was js/jquery.js removal. This version is here: https://www.aaronbonine.com/portfolio2.html, but not live yet per below.

Issues still: I do need jquery.js for the hash filter and another script I have to remove lightbox titles on hover. Further, it is still not as quick loading v6.6.5: https://www.aaronbonine.com/v6/portfolio.html (or the portfolio.html of v6.6.5 mentioned above)

Thanks for help so far and let me know if there is anything else I can try!

The updated functions.js file by itself DID resolve the initial scrambling during page load.

The two flexslider js files in footer further improve loading performance of the flexslider items, unfortunately not as quick as v6, but good enough for me.

Will the changes to the updated functions.js be included in future updates?

Thanks

This solution worked and has through v7.0.4, however resolved hash filter issue (https://support.semicolonweb.com/forums/topic/portfolio-hash-filter-html-javascript-error/#post-30512) appears to have presented some movement again with items having two lines of text in .portfolio-desc.

https://www.aaronbonine.com/portfolio.html

This also did not resolve jumping which was not present on v6.

I did not realize the out of box changes we were resolving were custom. Apologize if I am out of scope on support, but latest concern as it relates to page loading is part of default package in portfolio-hash-filter.html which includes:

	jQuery(window).on( 'load', function(){
		var $container = jQuery('#portfolio');

		$container.isotope({ transitionDuration: '0.65s' });

		function getHashFilter() {
			var hash = location.hash;
			// get filter=filterName
			var matches = location.hash.match( /filter=([^&]+)/i );
			var hashFilter = matches && matches[1];
			return hashFilter && decodeURIComponent( hashFilter );
		}

		var isIsotopeInit = false;

		function onHashchange() {
			var hashFilter = getHashFilter();
			if ( !hashFilter && isIsotopeInit ) {
				return;
			}
			isIsotopeInit = true;
			// filter isotope
			$container.isotope({ filter: hashFilter });
			// set selected class on button
			if ( hashFilter ) {
				jQuery('.grid-filter li').removeClass('activeFilter');
				jQuery('.grid-filter li').find('[data-filter="' + hashFilter + '"]').parent('li').addClass('activeFilter');
			}
		}

		jQuery(window).on( 'hashchange', onHashchange );
		// trigger event handler to init Isotope
		onHashchange();

		jQuery('.grid-filter a').click(function(){
			jQuery('.grid-filter li').removeClass('activeFilter');
			jQuery(this).parent('li').addClass('activeFilter');
			var selector = jQuery(this).attr('data-filter');
			$container.isotope({ filter: selector });
			var filterAttr = jQuery( this ).attr('data-filter');
			location.hash = 'filter=' + encodeURIComponent( filterAttr );
			return false;
		});
	});

Otherwise, my whole concern was loading performance and interface being that loading is much different than v6:
https://www.aaronbonine.com/v6/portfolio.html

I was able to solve this by making portfolio items all lazy loaded. Please consider SOLVED. Thanks for all the help.