we have been using uckeditor plugin umbraco few months now. installed plugin called image maps.
recently, 1 of our content editors noticed sharp drop in performance while editing pages. after testing while noticed removing image maps source solved performance problem, editor responsive lightning fast again.
an example of imagemap added plugin:
<img src="image.jpg" usemap="#imgmap20156281337" /> <map id="imgmap20156281337" name="imgmap20156281337"> <area coords="75,74,183,206" href="http://www.example.com" shape="rect"/> <area coords="408,169,533,368" href="http://www.example.com" shape="rect" /> </map>
in reality, plugin adds few lines of html image, couldn't understand why affect performance severely.
therefore, decided check breakpoint adding imagemaps. in page 5 images, started adding imagemaps images via plugin.
the first imagemap showed no performance drop. after second image map, slight delay started manifest every user action. every imagemap afterwards made delay progressively worse point @ 5 images 5 imagemaps, editor takes on 4-5sec move cursor 1 character distance left/right. content editor colleague experienced.
i tried adding imagemaps manually(without plugin) , noticed still performance issues. however, editor seems run fine in <>source view, switch default performance drops dramatically. seems editor having problems rendering imagemaps on top of images.
what causing horrible performance when working multiple image maps in same editor? there can it?
i discovered causing problem!
while communicating creator of imagemaps plugin, referred me test page: http://www.martinezdelizarrondo.com/ckplugins/imagemaps.demo4/
when working locally in uckeditor , insert image media picker, image gets inserted using relative local path like:
src="/media/1370030/4483_a.jpg"
then tried paste same html remote test page, , naturally, had include full domain path image:
src="http://www.dphtrading.dk/media/1370030/4483_a.jpg"
the first thing noticed locally, uckeditor draws borders on lines specified in imagemaps specific image. took screenshot illustrate:
while on remote test server, there no borders , no performance problems. inserted full domain path images our uckeditor , solved performance problems (and removed imagemap borders reason).
it looks uckeditor , ckeditor in general doesn't combination of relative file paths , imagemaps same image.
Comments
Post a Comment