so if you don’t want to make your gtmetrix public – you have to wait til mods are here.

by the way php7 is a resource monster :lol. sometimes – if you can test to switch to 5.6 try.

these optimizations only help if your images are not responsive.
f.e. the featured-image – allthough you put in the non scaled image – takes the ( on media tab defined) 80x80px.
this is a scaled image – but much smaller than the original ones.

But this is not the point gtmetrix critisise.
If on smaller screens the content rearanges the images shown on your screen are scaled to that amount you gave to them.
f.e. in a 1/4 container the image could be on maximum at a 1000px wide screen 250px on your mobile this is scaled down..
etc. pp

Only on those f.e. floating text elements where an image is placed with a defined height and width to float in that text it makes sense to recalculate it to that dimensions ( or to take a nearby image-size of enfolds predefined sizes)

I don’t want to give offence to you – but the most reason for image speed is that the uploaded source images are wrong optimized.

Click on the images to enlarge: and by clicking again on the lightbox image it changes to next slide

The first one has 389 KB and the second one 156KB
both have the same dimensions !

And these are realy hard test-images.
On other images with real fotos – it might be more extreme to this test.

On Photoshop f.e. there is an extra export modul for web images. There you can set up a higher compression level and progressiv scan option etc. pp.

ok forgotton the .responsive class to set for the first container with the backgroundimages.

Empty your browser cache and have a look

don’t be to cheap to your customer – it is a lot of work to do – so go an get more for you

by the way: i have added a timer function that the scroll event don’t fires steadily.
but i will have a look if it is not best to implement the throttle function to enfold

first of all – i looked to it via ipad and iphone via guess safari mobile version – and i can see background. So please goto Settings / Safari / and erase the cache.

costs : What is worth it to you – if you think it is for less than it is ok for me too.
but if you want to reward the work – you fix the price.

i believe that the version comes nearest to apple did: https://webers-testseite.de/apple-blur/

by the way the flickering comes not from my code.
Go and have a color-section alb element with background image set to parallax.
You will have that flicker too. Those mobile browserversions – with touch screens always are not able to handle it good!

thanks alot i will test it .
and yes it is only a “cosmetic” question – but f.e. the apple touch icon input field looks definitly better after the favicon

Edit: thanks both works perfect – Ismael your code is a bit shorter but Günters Code it is easier to work with – because i do not have to count the $avia_elements on the way to count (your 69 is correct ) – but i come to the position after logo with 69 – anyway.

Edit: and is usefull for even older enfold versions – i tested your code on an older version and it fails because the count of favicon was a different one

Thanks both for your highly professional answers !

• This reply was modified 7 years, 9 months ago by Guenni007.

by the way – it is a very pitty that burger-menu does not have all the options off the main-menu (classes set in menu options)
allthough i set up the clone option of title menu

for new elements – do i have the opportunity to have influence on what position the tab is placed ?
This code f.e. is placed at the end of that tab – but i like to have it under fav-icon input field

add_filter('avf_option_page_data_init', 'custom_option_apple_icon', 10, 1);
function custom_option_apple_icon($avia_elements){
	$new_elements[] =	array(
					"slug"	=> "avia",
					"name" 	=> __("Apple Icon", 'avia_framework'),
					"desc" 	=> __("Upload an Apple Icon to use", 'avia_framework'),
					"id" 	=> "avia_appleicon",
					"type" 	=> "upload",
					"label"	=> __("Use Image as Apple Icon", 'avia_framework'));

	$avia_elements = array_merge( $avia_elements, $new_elements );
  return $avia_elements;
}

delete the browser cache – on ipad/iphone this is a very obstinately thing – i can see the background on ipad and Safari 11/Sierra

click to enlarge:

• This reply was modified 7 years, 9 months ago by Guenni007.

This is no parallax on apple site. They have to background-images above each other. One is blured the other is sharp.
on Scroll the addClass to the sharp one and change on that way the opacity ! (from 0.9999 to 0.0001) thats all – no parallax effect at all.

sharing on demand – i will wait with the solution description – last few weeks i recognized that a lot of participants have their requests – but no interest of looking what happend in it.

yes – like the sierra site too ! see source code . i tried to reproduce this.

apple does it the easy way :lol. they have two images and the sharp one above increases its opacity by scrolling !

this is a big problem to where i’m looking a long time.
It is the smoth scroll to different page anchor.
It has to load first – then scroll smoothly to the anchor.
I didn’t found a solution for that.

By the way for those anchor links to id’s i created an edited hr.php – and in case of whitespace there is an input field for custom ID:
hr with ID input field :    the code is on pastebin: hr.php and put it into a subfolder of child-theme folder called “shorcodes”
To load it put this into functions.php of child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

click to enlarge

btw: i would target it as: http://www.contelle.de/trainings/#alltrainings
and you don’t need an anchor for each language you intended to install.
let the same ID name and just rename the label in the menu

“link” and “angezeigter Name” they are per default the same but do not need to.

• This reply was modified 7 years, 10 months ago by Guenni007.

yes – and i think you can use [login-with-ajax] as well dashes not : [login_with_ajax] !

the template tag is with underscore : login_with_ajax( )