Website looks like this after activating CF

Hi there, Im facing some issues when connected my site with CF.

1 .Looks like the animation of mobile header is broken

  1. The second is, looks like broke CSS and the load speed is fluctuate

My CF config:

  • Mirage On
  • Pollish On
  • Rocket Loader On
  • Caching Level: Standard
  • Full SSL
  • Browser Cache TTL: Respect Existing Headers
  • Both www is proxied
  • Workers: from Siteground (sg_workers)

Sorry for not clearly explanation,
Thanks
for further inspect: techbiz.id
page speed insight: PageSpeed Insights

Your domain loads fine for me - however you do have a Javascript error:

Uncaught ReferenceError: jQuery is not defined

At the footer of your page, you have some Javascript that is referencing the jQuery library:

<script type="210cf4a65bf139cf963e5b3c-text/javascript"> jQuery().ready(function () {  var blockClass = '.tdi_14_dd2';  jQuery(blockClass + '.tdb-horiz-menu-singleline > .menu-item-has-children a').click(function (e) {
 e.preventDefault();
 })  }); 
 /* global jQuery:{} */
 jQuery(window).on( 'load', function () {  var tdbMenuItem = new tdbMenu.item();
 tdbMenuItem.blockUid = 'tdi_46_054';
 tdbMenuItem.jqueryObj = jQuery('.tdi_46_054'); 
 tdbMenuItem.isMegaMenuFull = true; 
 tdbMenu.addItem(tdbMenuItem);  }); 
 jQuery().ready(function () {  var tdbSearchItem = new tdbSearch.item();  //block unique ID
 tdbSearchItem.blockUid = 'tdi_49_214';
 tdbSearchItem.blockAtts = '{"results_msg_align":"content-horiz-center","image_floated":"float_left","image_size":"td_324x400","show_btn":"none","show_date":"","show_review":"none","show_com":"none","show_excerpt":"none","show_author":"","meta_padding":"0 0 0 16px","all_modules_space":"eyJhbGwiOiIxMHB4IiwibGFuZHNjYXBlIjoiMTBweCIsInBvcnRyYWl0IjoiMTBweCJ9","form_padding":"eyJhbGwiOiIzMHB4IiwibGFuZHNjYXBlIjoiMjBweCIsInBvcnRyYWl0IjoiMTBweCJ9","form_border":"0","form_align":"content-horiz-right","results_padding":"eyJhbGwiOiIwIDMwcHggMzBweCIsImxhbmRzY2FwZSI6IjAgMjBweCAyMHB4ICIsInBvcnRyYWl0IjoiMCAyMHB4IDIwcHgifQ==","results_border":"0 0 1px 0","results_msg_padding":"eyJhbGwiOiIxMHB4IDAiLCJsYW5kc2NhcGUiOiI2cHggMCIsInBvcnRyYWl0IjoiNHB4IDAifQ==","modules_divider":"","modules_divider_color":"rgba(127,127,127,0.1)","h_effect":"","image_height":"100","meta_info_horiz":"content-horiz-left","meta_info_align":"","results_msg_color":"#266fef","f_title_font_size":"14","f_title_font_weight":"500","modules_category":"above","mc1_el":"16","f_title_font_line_height":"1.2","btn_tdicon":"tdc-font-tdmp tdc-font-tdmp-arrow-cut-right","btn_icon_size":"12","btn_padding":"eyJhbGwiOiI4cHggMTZweCIsInBvcnRyYWl0IjoiNnB4IDE2cHgifQ==","btn_icon_space":"10","input_border_color":"rgba(0,0,0,0.05)","btn_shadow_shadow_color":"rgba(0,0,0,0.39)","btn_icon_pos":"after","input_padding":"0","title_txt_hover":"#266fef","form_width":"eyJhbGwiOiI3MDAiLCJwb3J0cmFpdCI6IjcwIn0=","f_input_font_family":"712","f_placeholder_font_family":"712","f_title_font_family":"712","f_title_font_transform":"","f_btn_font_family":"712","f_btn_font_transform":"","f_btn_font_weight":"400","cat_txt_hover":"#000000","image_width":"27","tdicon":"td-icon-magnifier-big-rounded","icon_color_h":"#266fef","arrow_color":"#d6d6d6","ex_txt":"#a5a5a5","mc1_tl":"16","toggle_txt_pos":"","toggle_txt_color":"#000000","icon_padding":"eyJhbGwiOiI0IiwibGFuZHNjYXBlIjoiMi40IiwicG9ydHJhaXQiOiIxLjgifQ==","btn_bg_h":"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjMTEwMDIxIiwiY29sb3IyIjoiIzA2MjYzYSIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTMwIiwiY3NzIjoiYmFja2dyb3VuZDogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQoLTMwZGVnLCMwNjI2M2EsIzExMDAyMSk7YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC0zMGRlZywjMDYyNjNhLCMxMTAwMjEpOyIsImNzc1BhcmFtcyI6Ii0zMGRlZywjMDYyNjNhLCMxMTAwMjEifQ==","form_shadow_shadow_size":"1","form_shadow_shadow_offset_vertical":"0","form_shadow_shadow_color":"rgba(0,0,0,0.11)","f_cat_font_family":"712","f_cat_font_weight":"400","f_cat_font_transform":"","f_meta_font_weight":"400","f_meta_font_family":"712","modules_category_padding":"0 0 6px","input_placeholder":"type here...","input_border":"0 0 2px 0","f_results_msg_font_family":"712","f_results_msg_font_transform":"","f_results_msg_font_weight":"","f_results_msg_font_style":"normal","f_placeholder_font_size":"14","f_placeholder_font_weight":"400","f_btn_font_size":"14","image_alignment":"20","f_input_font_size":"14","f_input_font_weight":"400","placeholder_opacity":"0.01","icon_size":"eyJhbGwiOiIxNiIsInBvcnRyYWl0IjoiMTEiLCJsYW5kc2NhcGUiOiIxNiJ9","title_txt":"#051d2d","cat_bg":"rgba(0,0,0,0)","f_ex_font_family":"","f_meta_font_size":"11","art_title":"0 0 2px","f_cat_font_size":"11","tdc_css":"eyJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=","icon_color":"#000000","show_form":"yes","form_offset":"1","f_cat_font_line_height":"1","btn_bg":"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjMjY2ZmVmIiwiY29sb3IyIjoiIzAwNGNmZiIsIm1peGVkQ29sb3JzIjpbXSwiY3NzIjoiYmFja2dyb3VuZDogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQoMGRlZywjMDA0Y2ZmLCMyNjZmZWYpO2JhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCMwMDRjZmYsIzI2NmZlZik7IiwiY3NzUGFyYW1zIjoiMGRlZywjMDA0Y2ZmLCMyNjZmZWYifQ==","cat_txt":"#666666","modules_on_row":"50%","results_limit":"6","results_msg_color_h":"#266fef","author_txt":"#666666","author_txt_hover":"#000000","inline":"yes","float_block":"yes","block_type":"tdb_header_search","separator":"","toggle_txt":"","toggle_txt_align":"0","toggle_txt_space":"","toggle_horiz_align":"content-horiz-left","form_offset_left":"","form_content_width":"","form_align_screen":"","placeholder_travel":"0","input_radius":"","btn_text":"Search","btn_icon_align":"0","btn_margin":"","btn_border":"","btn_radius":"","results_msg_border":"","modules_gap":"","m_padding":"","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","image_radius":"","hide_image":"","video_icon":"","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","vid_t_color":"","vid_t_bg_color":"","f_vid_time_font_header":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","meta_width":"","meta_margin":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","art_btn":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","modules_category_margin":"","modules_cat_border":"","modules_category_radius":"0","show_cat":"inline-block","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_modified_date":"","review_size":"2.5","excerpt_middle":"","btn_title":"","btn_border_width":"","form_general_bg":"","toggle_txt_color_h":"","f_toggle_txt_font_header":"","f_toggle_txt_font_title":"Text","f_toggle_txt_font_settings":"","f_toggle_txt_font_family":"","f_toggle_txt_font_size":"","f_toggle_txt_font_line_height":"","f_toggle_txt_font_style":"","f_toggle_txt_font_weight":"","f_toggle_txt_font_transform":"","f_toggle_txt_font_spacing":"","f_toggle_txt_":"","form_bg":"","form_border_color":"","form_shadow_shadow_header":"","form_shadow_shadow_title":"Shadow","form_shadow_shadow_offset_horizontal":"","form_shadow_shadow_spread":"","input_color":"","placeholder_color":"","input_bg":"","input_shadow_shadow_header":"","input_shadow_shadow_title":"Input shadow","input_shadow_shadow_size":"","input_shadow_shadow_offset_horizontal":"","input_shadow_shadow_offset_vertical":"","input_shadow_shadow_spread":"","input_shadow_shadow_color":"","btn_color":"","btn_color_h":"","btn_icon_color":"","btn_icon_color_h":"","btn_border_color":"","btn_border_color_h":"","btn_shadow_shadow_header":"","btn_shadow_shadow_title":"Button shadow","btn_shadow_shadow_size":"","btn_shadow_shadow_offset_horizontal":"","btn_shadow_shadow_offset_vertical":"","btn_shadow_shadow_spread":"","f_input_font_header":"","f_input_font_title":"Input text","f_input_font_settings":"","f_input_font_line_height":"","f_input_font_style":"","f_input_font_transform":"","f_input_font_spacing":"","f_input_":"","f_placeholder_font_title":"Placeholder text","f_placeholder_font_settings":"","f_placeholder_font_line_height":"","f_placeholder_font_style":"","f_placeholder_font_transform":"","f_placeholder_font_spacing":"","f_placeholder_":"","f_btn_font_title":"Button text","f_btn_font_settings":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_spacing":"","f_btn_":"","results_bg":"","results_border_color":"","results_msg_bg":"","results_msg_border_color":"","f_results_msg_font_header":"","f_results_msg_font_title":"Text","f_results_msg_font_settings":"","f_results_msg_font_size":"","f_results_msg_font_line_height":"","f_results_msg_font_spacing":"","f_results_msg_":"","m_bg":"","color_overlay":"","shadow_module_shadow_header":"","shadow_module_shadow_title":"Module Shadow","shadow_module_shadow_size":"","shadow_module_shadow_offset_horizontal":"","shadow_module_shadow_offset_vertical":"","shadow_module_shadow_spread":"","shadow_module_shadow_color":"","all_underline_color":"#000","all_underline_height":"","cat_bg_hover":"","cat_border":"","cat_border_hover":"","meta_bg":"","date_txt":"","com_bg":"","com_txt":"","rev_txt":"","shadow_meta_shadow_header":"","shadow_meta_shadow_title":"Meta info shadow","shadow_meta_shadow_size":"","shadow_meta_shadow_offset_horizontal":"","shadow_meta_shadow_offset_vertical":"","shadow_meta_shadow_spread":"","shadow_meta_shadow_color":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border_hover":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_style":"","f_cat_font_spacing":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_line_height":"","f_meta_font_style":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","el_class":"","block_template_id":"","td_column_number":3,"header_color":"","ajax_pagination_infinite_stop":"","offset":"","limit":"5","td_ajax_preloading":"","td_ajax_filter_type":"","td_filter_default_txt":"","td_ajax_filter_ids":"","color_preset":"","ajax_pagination":"","border_top":"","css":"","class":"tdi_49_214","tdc_css_class":"tdi_49_214","tdc_css_class_style":"tdi_49_214_rand_style"}';
 tdbSearchItem.jqueryObj = jQuery('.tdi_49_214');
 tdbSearchItem._openSearchFormClass = 'tdb-drop-down-search-open';
 tdbSearchItem._resultsLimit = '6'; 
 tdbSearch.addItem( tdbSearchItem );  }); </script>

But you are not loading this library - hence the error. You’ll need to update your HTML code to ensure the version of jQuery you need is loaded before your <script> tag above.

Thank you for the reply,

I will try to fix the error. Appreciate!

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.