{"id":6725,"date":"2014-05-12T07:27:22","date_gmt":"2014-05-12T14:27:22","guid":{"rendered":"http:\/\/www.seedcode.com\/?p=6725"},"modified":"2014-05-12T07:27:22","modified_gmt":"2014-05-12T14:27:22","slug":"minimize-flashing-web-direct","status":"publish","type":"post","link":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/","title":{"rendered":"Minimize Flashing in WebDirect: do as little as possible"},"content":{"rendered":"<p>Since layout redraw is one of the slowest things a WebDirect (WD) \u00a0layout can do, you&#8217;ll want to do whatever you can to minimize those redraws (which can appear your users as flashing or as a spinning busy icons).<\/p>\n<p><img decoding=\"async\" class=\"alignright size-full wp-image-6726\" alt=\"upload-1\" src=\"http:\/\/www.seedcode.com\/wp-content\/uploads\/2014\/03\/upload-1.png\" width=\"329\" height=\"133\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/upload-1.png 329w, https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/upload-1-300x121.png 300w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/>So, &#8220;do as little as possible&#8221;. This often means wrapping your commands in If() statements to see if they&#8217;re necessary. We don&#8217;t need to do this in Pro because we don&#8217;t notice things like &#8220;Revert Record&#8221; if they&#8217;re not needed. But in Web Direct, you really see Revert Record even if there is no record to revert.<\/p>\n<p>Interestingly, &#8220;Commit Record&#8221; doesn&#8217;t cause a layout redraw when called unnecessarily.<\/p>\n<p>We&#8217;ve also had great results using RefreshObject instead of RefreshWindow when we need a particular part of a layout to redraw. Refresh window is often substantially slower, to the point that never use it in WD. (You can gather the objects you want to refresh into <a href=\"\/filemaker-13-slide-control-refresh-enclosures\/\">refresh enclosures<\/a> to make this simpler.)<\/p>\n<p>Most of our thoughts on Web Direct are coming from <a href=\"\/preview-seedcode-calendar-web-direct\/\">porting our Pro Calendar to WebDirect<\/a>. We&#8217;re also doing this for <a href=\"\/complete\/\">SeedCode Complete<\/a> (!) so stay tuned.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since layout redraw is one of the slowest things a WebDirect (WD) \u00a0layout can do, you&#8217;ll want to do whatever you can to minimize those redraws (which can appear your users as flashing or as a spinning busy icons). So, &#8220;do as little as possible&#8221;. This often means wrapping your commands in If() statements to see if they&#8217;re necessary. We don&#8217;t need to do this in Pro because we don&#8217;t notice things like &#8220;Revert Record&#8221; if they&#8217;re not needed. But in Web Direct, you really see Revert Record even if there is no record to revert. Interestingly, &#8220;Commit Record&#8221; doesn&#8217;t cause a layout redraw when called unnecessarily. We&#8217;ve also had great results using RefreshObject instead of RefreshWindow when we need a particular part of a layout to redraw. Refresh window is often substantially slower, to the point that never use it in WD. (You can gather the objects you want to refresh into refresh enclosures to make this simpler.) Most of our thoughts on Web Direct are coming from porting our Pro Calendar to WebDirect. We&#8217;re also doing this for SeedCode Complete (!) so stay tuned.<\/p>\n","protected":false},"author":1,"featured_media":6727,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[7,28],"class_list":["post-6725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-filemaker-13","tag-webdirect"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FileMaker Web Direct: Speed and Layout Flashing<\/title>\n<meta name=\"description\" content=\"With a little foresight you can reduce the flashing in FileMaker Web Direct and really speed things up.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FileMaker Web Direct: Speed and Layout Flashing\" \/>\n<meta property=\"og:description\" content=\"With a little foresight you can reduce the flashing in FileMaker Web Direct and really speed things up.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\" \/>\n<meta property=\"og:site_name\" content=\"SeedCode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/seedcoder\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-12T14:27:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png\" \/>\n\t<meta property=\"og:image:width\" content=\"109\" \/>\n\t<meta property=\"og:image:height\" content=\"110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"seedcode\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dayback\" \/>\n<meta name=\"twitter:site\" content=\"@dayback\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"seedcode\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\"},\"author\":{\"name\":\"seedcode\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f\"},\"headline\":\"Minimize Flashing in WebDirect: do as little as possible\",\"datePublished\":\"2014-05-12T14:27:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\"},\"wordCount\":202,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png\",\"keywords\":[\"FileMaker 13\",\"WebDirect\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\",\"url\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\",\"name\":\"FileMaker Web Direct: Speed and Layout Flashing\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png\",\"datePublished\":\"2014-05-12T14:27:22+00:00\",\"description\":\"With a little foresight you can reduce the flashing in FileMaker Web Direct and really speed things up.\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png\",\"width\":109,\"height\":110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minimize Flashing in WebDirect: do as little as possible\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seedcode.com\/#website\",\"url\":\"https:\/\/seedcode.com\/\",\"name\":\"SeedCode\",\"description\":\"Build the Software You&#039;ve Always Wanted\",\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seedcode.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/seedcode.com\/#organization\",\"name\":\"SeedCode\",\"url\":\"https:\/\/seedcode.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"width\":595,\"height\":189,\"caption\":\"SeedCode\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/seedcoder\",\"https:\/\/x.com\/dayback\",\"https:\/\/www.linkedin.com\/company\/seedcode\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f\",\"name\":\"seedcode\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g\",\"caption\":\"seedcode\"},\"sameAs\":[\"https:\/\/seedcode.com\"],\"url\":\"https:\/\/seedcode.com\/author\/seedcode\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FileMaker Web Direct: Speed and Layout Flashing","description":"With a little foresight you can reduce the flashing in FileMaker Web Direct and really speed things up.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/","og_locale":"en_US","og_type":"article","og_title":"FileMaker Web Direct: Speed and Layout Flashing","og_description":"With a little foresight you can reduce the flashing in FileMaker Web Direct and really speed things up.","og_url":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2014-05-12T14:27:22+00:00","og_image":[{"width":109,"height":110,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png","type":"image\/png"}],"author":"seedcode","twitter_card":"summary_large_image","twitter_creator":"@dayback","twitter_site":"@dayback","twitter_misc":{"Written by":"seedcode","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/"},"author":{"name":"seedcode","@id":"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f"},"headline":"Minimize Flashing in WebDirect: do as little as possible","datePublished":"2014-05-12T14:27:22+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/"},"wordCount":202,"commentCount":0,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png","keywords":["FileMaker 13","WebDirect"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/minimize-flashing-web-direct\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/","url":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/","name":"FileMaker Web Direct: Speed and Layout Flashing","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png","datePublished":"2014-05-12T14:27:22+00:00","description":"With a little foresight you can reduce the flashing in FileMaker Web Direct and really speed things up.","breadcrumb":{"@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/minimize-flashing-web-direct\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/03\/revert.png","width":109,"height":110},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/minimize-flashing-web-direct\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Minimize Flashing in WebDirect: do as little as possible"}]},{"@type":"WebSite","@id":"https:\/\/seedcode.com\/#website","url":"https:\/\/seedcode.com\/","name":"SeedCode","description":"Build the Software You&#039;ve Always Wanted","publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seedcode.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/seedcode.com\/#organization","name":"SeedCode","url":"https:\/\/seedcode.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","width":595,"height":189,"caption":"SeedCode"},"image":{"@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/seedcoder","https:\/\/x.com\/dayback","https:\/\/www.linkedin.com\/company\/seedcode\/"]},{"@type":"Person","@id":"https:\/\/seedcode.com\/#\/schema\/person\/af42f3f8cbfc8652fb0ffbb3f46f260f","name":"seedcode","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0c386c5b845ee7fe111b36b2d87e983811f1f549682de9597a934b9dfd45469?s=96&d=mm&r=g","caption":"seedcode"},"sameAs":["https:\/\/seedcode.com"],"url":"https:\/\/seedcode.com\/author\/seedcode\/"}]}},"_links":{"self":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/6725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/comments?post=6725"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/6725\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/6727"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=6725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=6725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=6725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}